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

现在的js文件的发展趋势，就是混淆化和去除多余字符化。让猿类们在阅读js上面产生巨大的抗拒感，我们常用的f12调试工具内置了js代码格式化的功能。下面给出对应的位置。当然，苏南大叔最喜欢的firebug也是有这个功能的，默默怀念firebug。https://newsn.net/say/firebug-firefox-49.html 。

chrome:(network里面也有类似界面，但是没有格式化的按钮）
常见浏览器利用f12调试工具格式化js代码 - f12_chrome_format

常见浏览器利用f12调试工具格式化js代码（图5-1）

firefox:
常见浏览器利用f12调试工具格式化js代码 - f12_firefox_js_format

常见浏览器利用f12调试工具格式化js代码（图5-2）

firebug:
常见浏览器利用f12调试工具格式化js代码 - f12_firebug_js_format

常见浏览器利用f12调试工具格式化js代码（图5-3）

ie11:
常见浏览器利用f12调试工具格式化js代码 - f12_ie

常见浏览器利用f12调试工具格式化js代码（图5-4）

edge:
常见浏览器利用f12调试工具格式化js代码 - f12_edge

常见浏览器利用f12调试工具格式化js代码（图5-5）

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

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

欢迎转载传播本篇原创文章，转载请保留链接及作者信息。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
《程序如此灵动~》下所有原创文章，如被用于商业用途，请您按规定支付稿费。

苏南大叔需要你的支持

打赏任意金额，发送截图到邮箱 shang@newsn.net ，可以领取精选回馈如下（任选其一）：
  • 《前端视频教程大礼包》一套
  • 《wordpress精选皮肤》一套
  • 《dedecms织梦精选模板》一套
感谢您的打赏，让我更有动力，将更多精彩教程文章，呈现给大家！谢谢！

岁月静好

关注互联网发展，关注苏南大叔的《程序如此灵动~》博客
本文章来自：程序如此灵动~
博客地址为：https://newsn.net/
原文地址为：https://newsn.net/say/f12-format-js.html
上一篇好文：您的电脑已经安装百度网盘
下一篇好文：wordpress后台文件升级需要启用FTP的解决方案

如果您转载了本文章，出于某种原因，并没有注明作者或者出处。
在这里，苏南大叔也表示理解和支持。因为苏南大叔深深地明白：
您会在合适的时机，合适的地方，给本博客一个外链。对吧？
您若开心，便是安好！岁月静好，但愿世界和平，没有纷争~