如何关闭谷歌开发者控制台打开时网页元素周围的黄线？

这种黄线是开发者工具的元素边界高亮/布局标记功能，并非新功能，以下是几种关闭方法：

方法一：通过设置面板关闭 #

• 打开开发者控制台（快捷键F12或Ctrl+Shift+I）
• 点击控制台右上角的齿轮状设置图标
• 在设置面板的「Elements」分类下，取消勾选Show element bounds（显示元素边界）；如果黄线是滚动时出现的布局变动标记，就取消勾选Highlight layout shifts
• 关闭设置面板后黄线即可消失

方法二：用命令菜单快速切换 #

• 激活开发者控制台后，按Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac）打开命令菜单
• 在搜索框输入Show element bounds或Toggle paint flashing，找到对应命令后按回车切换状态，就能关闭黄线

方法三：重置开发者工具（若前两种无效） #

• 打开DevTools设置面板，拉到最底部点击「Restore defaults and reload」（恢复默认设置并重新加载）
• 等待工具重启后，黄线会自动消失

内容的提问来源于stack exchange，提问作者kKao4