我们相信:世界是美好的,你是我也是。平行空间的世界里面,不同版本的生活也在继续...

现在的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就慢慢的用的少了。聪明的读者,您呢?

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

 【福利】 腾讯云最新爆款活动!1核2G云服务器首年50元!

 【源码】本文代码片段及相关软件,请点此获取更多信息

 【绝密】秘籍文章入口,仅传授于有缘之人   F12