首页 > 电脑专区 > windows >

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

来源:互联网 2023-02-21 16:32:16 版权归原作者所有,如有侵权,请联系我们

介绍Firefox或者Edge浏览器的开发者工具,将不分行的js代码格式化(美化)的具体做法。qAK办公区 - 实用经验教程分享!

Firefox/Edge开发者工具如何将代码美化格式化?qAK办公区 - 实用经验教程分享!

工具/原料

  • Firefox/Edge浏览器

方法/步骤

  • 1

    首先说Firefox浏览器。浏览器打开开发者工具就不赘述了,在调试器下面查看代码是可以看到非常紧凑的代码。qAK办公区 - 实用经验教程分享!

    Firefox/Edge开发者工具如何将代码美化格式化?qAK办公区 - 实用经验教程分享!

  • 1该信息未经许可获取自百度经验
  • 2

    在代码视窗的左下角,有一个括号标志的按钮,名称是美化源代码。点击它即可进行代码格式化。qAK办公区 - 实用经验教程分享!

    Firefox/Edge开发者工具如何将代码美化格式化?qAK办公区 - 实用经验教程分享!

  • 3

    代码美化后,有了换行和自动缩进,层次分明,不过这个功能是打开另一个窗口而不是源文件,从左上角可以区分。qAK办公区 - 实用经验教程分享!

    Firefox/Edge开发者工具如何将代码美化格式化?qAK办公区 - 实用经验教程分享!

  • 4

    下面说Edge浏览器。Edge浏览器打开开发者工具后,在代码视窗的右上角头如图所示按钮。qAK办公区 - 实用经验教程分享!

    Firefox/Edge开发者工具如何将代码美化格式化?qAK办公区 - 实用经验教程分享!

  • 5

    点击优质打印按钮,即可实现代码的格式化。qAK办公区 - 实用经验教程分享!

    另外旁边还有自动换行按钮,点击以后过长的一行会自动换行,行号跳跃,效果如图。qAK办公区 - 实用经验教程分享!

    Firefox/Edge开发者工具如何将代码美化格式化?qAK办公区 - 实用经验教程分享!

    Firefox/Edge开发者工具如何将代码美化格式化?qAK办公区 - 实用经验教程分享!

  • 注意事项

    • 其他浏览器的代码美化和格式化大同小异,在代码视窗附近仔细寻找即可。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!qAK办公区 - 实用经验教程分享!


    标签: 操作系统浏览器工具美化格式

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号