工欲善其事 之 Web 前端调试工具格式化混淆过的 JS 代码

工欲善其事 之 Web 前端调试工具格式化混淆过的 JS 代码

太阳火神的美丽人生 (http://blog.csdn.net/opengl_es)

本文遵循“署名-非商业用途-保持一致”创作公用协议

转载请保留此句:太阳火神的美丽人生 -  本博客专注于 敏捷开发及移动和物联设备研究:iOS、Android、Html5、Arduino、pcDuino,否则,出自本博客的文章拒绝转载或再转载,谢谢合作。

FireBug:

inline code 不能格式化

外部 js 可以格式化

Chrome:

点完这对大括号,会新生成一个文件,是格式化过的。

时间: 2024-10-26 03:51:36

工欲善其事 之 Web 前端调试工具格式化混淆过的 JS 代码的相关文章

Web前端性能优化教程:精简JS 移除重复脚本

本文是Web前端性能优化系列文章中的第七篇,主要讲述内容:精简Javascript代码,以及移出重复脚本.完整教程可查看:Web前端性能优化 一.精简javascript 基础知识 精简:从javascript代码中移除所有的注释以及不必要的空白字符(空格,换行和制表符),减少javascript文件的大小. 混淆:和精简一样,会从javascript代码中移除注释和空白,另外也会改写代码.作为改写的一部分,函数和变量的名字将被转换为更短的字符串,所以进一步减少了javascript文件的大小.

js调试工具console.log()方法查看js代码的执行情况_javascript技巧

我之前在调试代码的时候,跟砸js代码执行情况,一般都是通过在代码块中使用alert的方式查看js代码的执行情况,今天也是看到有朋友使用console.log函数打印输出函数,变量,对象,下边就console.log的使用情况进行记录,具体的语法是: console.log("值为:",fn); console.log()能够输出变量,函数,数组,对象等等 <html> <head> <title>this关键字_函数调用</title>

Web前端设计师:11个让你代码整洁的原则

写Web页面就像我们建设房子一样,地基牢固,房子才不会倒.同样的,我们制作Web页面也一样,一个良好的HTML结构是制作一个美丽的网站的开 始,同样的,良好的CSS只存在同样良好的HTML中,所以一个干净的,语义的HTML的优点很多,那么平时制作中,我们做到了这一点吗?我们一起来看一 张图片: 上图展示了两段代码,我想大家都只会喜欢第一种,我们先不说其语义,至少他的结构让我们看上 去清爽,而第二种呢?一看就是糟糕的代码的代码,让人讨厌的代码.那么要怎么样才能写出一个好的代码,整洁的代码呢?下面我

web前端开发upload上传头像js示例代码_javascript技巧

这次分享一个简易的上传头像示例,其大致流程为: 一.将选择的图片转为base64字符串 function preview(file) {//预览图片得到图片base64 var prevDiv = document.getElementById('preview'); if (file.files && file.files[0]) { var reader = new FileReader(); reader.onload = function(evt){ prevDiv.innerHT

前端设计师们最常用的JS代码汇总_javascript技巧

逛社区时看到的文章,我修改调整了内容,如果大家觉得也有帮助 可以收藏下~ HTML5 DOM 选择器 // querySelector() 返回匹配到的第一个元素 var item = document.querySelector('.item'); console.log(item); // querySelectorAll() 返回匹配到的所有元素,是一个nodeList集合 var items = document.querySelectorAll('.item'); console.lo

符合web标准的连续滚动图像的js代码_图象特效

"; leftrightslide[0]+=''; ////NO NEED TO EDIT BELOW THIS LINE//////////// var copyspeed=slidespeed leftrightslide=''+leftrightslide.join(" ")+'' var iedom=document.all||document.getElementById if (iedom) document.write(''+leftrightslide+'')

一张图掌握移动Web前端所有技术(大前端、工程化、预编译、自动化)

你要的移动web前端都在这里! 大前端方向:移动Web前端.Native客户端.Node.js. 大前端框架:React.Vue.js.Koa 跨终端技术:HTML 5.CSS 3.JavaScript 跨平台框架:React Native.Cordova 前端工程化:Grunt.Gulp.Webpack 前端预编译:Babel.Sass.Less 自动化测试:Jasmine.Mocha.Karma 一图在手,应有尽有!

工欲善其事必先利其器——web调试工具firebug

一.Firebug工具简介 firebug是firefox下的一款开发类插件.firebug集html查看和编辑,JavaScript控制台,网络状况监视器于一体,是开发JavaScript,css,html和ajax的得力助手. YSlow是插件. 二.Firebug应用 1.禁用标签 下拉菜单启用禁用标签. 2.查看页面元素快捷键 ctrl+shift+c快捷键 3.html编辑 双击元素或者右键"编辑HTML"进入编辑页面,在编辑页面再点"编辑"即可退出. 4

web前端学习——零基础web前端学习路线

买了一些前端入门书籍,好像也看不太明白?看了好多视频教程似乎也是似懂非懂?如果你现在是初学前端,入门的话,可以看看下面内容--或者有一点帮助学习前端,前端就好比如盖房子~html就充当了房子结构这部分,也是房子的基础.css呢,就好比咱们房子的装修,墙面什么颜色,什么风格,什么地板-这些给房子改变风格,样式的就是cssjavascript呢,就好比这个房子的功能,房子需要制冷吧,需要暖气吧,也需要上下水吧.这些功能性的就相当于是javascript例子可能不是很恰当,只是帮助大家有个初步的认识~