几乎每次打开 Chrome 进行调试都会用到元素面板,那你知道有哪些技巧吗?
# 1. 通过 'h'
来隐藏元素
按一下 'h'
就可以隐藏你在元素面板中选择的元素。再次按下 ' h
' 可以使它出现。某些的时候这很有用:例如你想截图,但你想去掉里面的敏感信息。
# 2. 拖动 & 放置 元素
当你想看看页面的某一部分在 DOM
树的不同位置的显示效果时,只需要拖动放置它(到指定的位置),就像在机器上的其他任何地方一样 😃
# 3. 使用 control
(按钮) 来移动元素!
如果你只是想移动你当前选中的元素,在 DOM
结构中往上挪一点或者往下挪一点,而不是拖动和放置,你同样可以使用 [ctrl]
+ [⬆]
/ [ctrl]
+ [⬇]
( [⌘]
+ [⬆]
/ [⌘]
+ [⬇]
on Mac).
微信扫码或搜索: 前端恶霸

在公众号对话框,发送
关注期间 无限制 浏览本站全部内容
内容包括 「Chrome 调试技巧」(持续更新),以及「React 学习指北」(即将上线)
为什么我需要关注?
加入读者交流群
扫描二维码回复
Chrome 
