Firefox/Edge开发者工具如何将代码美化格式化?

 时间:2026-02-20 06:05:30

1、首先说Firefox浏览器。浏览器打开开发者工具就不赘述了,在调试器下面查看代码是可以看到非常紧凑的代码。

Firefox/Edge开发者工具如何将代码美化格式化?

2、在代码视窗的左下角,有一个括号标志的按钮,名称是美化源代码。点击它即可进行代码格式化。

Firefox/Edge开发者工具如何将代码美化格式化?

3、代码美化后,有了换行和自动缩进,层次分明,不过这个功能是打开另一个窗口而不是源文件,从左上角可以区分。

Firefox/Edge开发者工具如何将代码美化格式化?

4、下面说Edge浏览器。Edge浏览器打开开发者工具后,在代码视窗的右上角头如图所示按钮。

Firefox/Edge开发者工具如何将代码美化格式化?

5、点击优质打印按钮,即可实现代码的格式化。

另外旁边还有自动换行按钮,点击以后过长的一行会自动换行,行号跳跃,效果如图。

Firefox/Edge开发者工具如何将代码美化格式化?

Firefox/Edge开发者工具如何将代码美化格式化?

  • IIS服务器如何搭建一个网站?图文教程
  • VB 6.0 如何嵌入Word文档
  • 利用layui,快速生成页面导航栏菜单
  • QListWidget怎样设置项是否可以编辑
  • java如何实现独占方式读取文件
  • 热门搜索
    花粉的功效与作用 小学语文知识点总结 中国知识产权培训中心 重庆有什么旅游景点 雷尼替丁的功效与作用 龙葵的功效与作用 天竺黄的功效与作用 成人用品店有什么 补偿器的作用 exo什么意思