有些网站的js文件完全写在一行里面,不便于阅读和调试。
他们是故意如此为之么?
如何对这些js进行调试呢
使用chrome调试工具,可以很方便的在线格式化
用chrome自带的调试工具还是不错。
另外补充回答一下题主提的问题:
因为js
作为静态文件被浏览器加载,就像图片一样,越小越好。这样传输速度快,网站响应速度快。其实写在一行里是通过js
压缩工具压缩的。
非职业前端, 愚见如下:
你说的应该是javascript压缩, 如常见的jquery.js
压缩成jquery.min.js
.
这样的好处是:
- 压缩后文件更小, 便于网络传输(这是主要目的);
- 也有一定的代码保护能力(变量名没意义, 理解起来巨麻烦, 但这是次要的原因, 通常javascript都开源的).
如何看这样的代码, @StephenLee 大大已经给出了答案~
Chrome自带格式化功能。在Sources中找到你要格式化的js,点击{}就可以了。之后断点,单步照常进行就可以了
推荐一个网址:http://tool.oschina.net/
格式化效果: