如何在浏览器上整理代码格式

来源：互联网 2023-02-21 23:09:37 版权归原作者所有，如有侵权，请联系我们

经常与前端代码打交道的人，阅读代码如果还复制到自己的编辑器再整理格式阅读就太影响效率了。

下面介绍3种不同的方法，在浏览器上整理代码格式以阅读。

使用浏览器插件

UC浏览器、火狐上没有找到相关的插件，360和搜狗浏览器有这样的插件。

搜狗浏览器的插件市场在这里

如何在浏览器上整理代码格式？

搜索"开发工具"第二个就是

如何在浏览器上整理代码格式？

360的插件市场在这里

如何在浏览器上整理代码格式？

同样搜索"开发工具"，看来是同一个作者

如何在浏览器上整理代码格式？

4此文章非法爬取自百度经验

点击插件，打开一个页面

如何在浏览器上整理代码格式？

随意将一段代码粘贴到文本框中，点击"通用代码美化"

如何在浏览器上整理代码格式？

现在是整理过以后的代码了。

如何在浏览器上整理代码格式？

搜索"js格式整理"，有很多这样的网站，都能很好的整理代码格式

如何在浏览器上整理代码格式？

功能一样，就看你喜欢哪个的界面样式了。把它们保存为一个收藏夹标签，就可以像使用插件那样方便了，只是这些网站上可能有广告会影响体验。

如何在浏览器上整理代码格式？

任意chrome内核的浏览器都自带了整理格式的功能。

打开浏览器控制台，在sources标签页中找到想查看的代码，点击如图所示的“{}

如何在浏览器上整理代码格式？

格式就整理好了

如何在浏览器上整理代码格式？

如果是自己写的或者从其他地方复制粘贴的代码，点击snippets，新建一个。

如何在浏览器上整理代码格式？

把代码粘贴到右侧输入框，点击“{}”

如何在浏览器上整理代码格式？

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

上一篇：微信小程序如何只给当前点击的加上事件下一篇：怎么升级360浏览器