Skip to content

Chrome 调试技巧-Elements

这一篇主要记录元素面板相关的技巧内容

快速隐藏元素

选中元素然后按 h 切换元素的可见状态,本质上是自动控制 visibility:hidden

上下移动元素

Ctrl+方向键

阴影编辑器

图片

贝塞尔曲线编辑

图片

展开所有子节点

图片

快捷键alt+鼠标左键

调色盘

图片

上方双箭头切换颜色格式,下方双箭头切换调色盘

图片

通过文字的color属性打开的面板可以看到字体颜色与背景色的对比度评分