本博客不欢迎:各种镜像采集行为,请尊重知识产权法律法规。大家都是程序员,不要闹得不开心。

现在的js文件的发展趋势,就是混淆化和去除多余字符化。让猿类们在阅读js上面产生巨大的抗拒感,我们常用的f12调试工具内置了js代码格式化的功能,文章将对不同的浏览器f12的用法,做出相应的介绍。

苏南大叔:常见浏览器如何利用f12调试工具格式化js代码 - browser-f12
常见浏览器如何利用f12调试工具格式化js代码(图6-1)

当然,苏南大叔最喜欢的firebug也是有这个功能的,默默怀念firebug。

chrome

chrome:(network里面也有类似界面,但是没有格式化的按钮)

苏南大叔:常见浏览器如何利用f12调试工具格式化js代码 - f12_chrome_format
常见浏览器如何利用f12调试工具格式化js代码(图6-2)

firefox

firefox:

苏南大叔:常见浏览器如何利用f12调试工具格式化js代码 - f12_firefox_js_format
常见浏览器如何利用f12调试工具格式化js代码(图6-3)

firebug:

苏南大叔:常见浏览器如何利用f12调试工具格式化js代码 - f12_firebug_js_format
常见浏览器如何利用f12调试工具格式化js代码(图6-4)

ie

ie11:

苏南大叔:常见浏览器如何利用f12调试工具格式化js代码 - f12_ie
常见浏览器如何利用f12调试工具格式化js代码(图6-5)

edge

edge:

苏南大叔:常见浏览器如何利用f12调试工具格式化js代码 - f12_edge
常见浏览器如何利用f12调试工具格式化js代码(图6-6)

safari

electron

总结

目前,苏南大叔常用的浏览器是chrome,在firebug自废武功后,firefox就慢慢的用的少了。聪明的读者,您呢?

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。