浏览器开发者工具中源代码美化格式是如何显示缩进参考线的？

jessylake · 发表于 2024-3-19 22:54

本帖最后由 jessylake 于 2024-3-20 11:01 编辑

QQ图片20240319220709.png

网上搜了好久也没找到相关说明，对这个工具不熟悉希望哪位给指点一下，多谢！

MFeel1 · 发表于 2024-3-19 23:19

点击窗口这个图标可以切换编辑的代码格式的，请试试啊

MFeel1 · 发表于 2024-3-19 23:20

在代码下方有个美观输出的选项的

wasm2023 · 发表于 2024-3-20 07:52

MFeel1 发表于 2024-3-19 23:19
点击窗口这个图标可以切换编辑的代码格式的，请试试啊

有的js无法美观输出不知道是什么原因呢

jessylake · 发表于 2024-3-20 08:21

本帖最后由 jessylake 于 2024-3-20 08:54 编辑

MFeel1 发表于 2024-3-19 23:19
点击窗口这个图标可以切换编辑的代码格式的，请试试啊

但是怎么没有横竖线？网上查了查好像叫缩进参考线，有没有可能跟浏览器有关吧？

luoxiaobo · 发表于 2024-3-20 10:26

jessylake 发表于 2024-3-20 08:21
但是怎么没有横竖线？网上查了查好像叫缩进参考线，有没有可能跟浏览器有关吧？

美观输出好像js会这样,css和html不会,但是代码美观可读性就很棒了

jessylake · 发表于 2024-3-20 10:38

luoxiaobo 发表于 2024-3-20 10:26
美观输出好像js会这样,css和html不会,但是代码美观可读性就很棒了

我一楼发的图有缩进参考线，我自己的浏览器没有，怎么设置？

luoxiaobo · 发表于 2024-3-20 15:14

jessylake 发表于 2024-3-20 10:38
我一楼发的图有缩进参考线，我自己的浏览器没有，怎么设置？

刚看了下,这个缩进参考线似乎是因为当前代码是在同一行,开启美观模式进行美化时因是同一行的代码,所以那个行数被这个参考线代替了

jessylake · 发表于 2024-3-20 16:52

luoxiaobo 发表于 2024-3-20 15:14
刚看了下,这个缩进参考线似乎是因为当前代码是在同一行,开启美观模式进行美化时因是同一行的代码,所以那 ...

对比了一下360和chrome，一楼那个图是用的360，chrome没有这种，我在360上试了一下，如果是同一行的最左侧是小横杠，但竖线我的360没有，应该在什么地方能设置

帐号		自动登录	找回密码
密码			注册[Register]

[求助] 浏览器开发者工具中源代码美化格式是如何显示缩进参考线的？