chrome 元素审查 坐标线 网格界面 坐标线 平时隐藏 鼠标划上出现 去除方法

chrom浏览器的开发者模式有两种坐标线,先说不常见的

1. 这种只有当鼠标划上 element 下的html代码时才会出现,平时隐藏,审查起来很碍事,尤其是检查padding的时候

chrome 元素审查 坐标线 网格界面 坐标线 平时隐藏 鼠标划上出现 去除方法_第1张图片

去除办法:

选择最右侧三点->settings ->preference -> Elements -> Show rulers取消选中 即可

chrome 元素审查 坐标线 网格界面 坐标线 平时隐藏 鼠标划上出现 去除方法_第2张图片  =》 chrome 元素审查 坐标线 网格界面 坐标线 平时隐藏 鼠标划上出现 去除方法_第3张图片

2.常见的一直显示的标尺,不会根据鼠标hover显示隐藏

chrome 元素审查 坐标线 网格界面 坐标线 平时隐藏 鼠标划上出现 去除方法_第4张图片

消除办法:

元素窗口右上角三点-> Hide rulers 选中  即可 

chrome 元素审查 坐标线 网格界面 坐标线 平时隐藏 鼠标划上出现 去除方法_第5张图片

你可能感兴趣的:(工具使用,前端,html5,前端调试,chrome调试)