小机灵鬼|Chrome 开发者工具的 11 个高级使用技巧( 四 )
我们在浏览器中将其打开 ， 然后通过“元素”面板对 CSS 样式进行调试 。
隐藏元素的快捷方式在调试 CSS 样式时 ， 我们通常需要隐藏一个元素 。 如果选择元素并按下键盘上的H键 ， 我们就可以快速隐藏该元素 。
此操作实际上增加了visibility: hidden !important;样式到对应的元素上面 。
11. 将 DOM 元素存储在全局临时变量中如果要想在控制台中快速获取某个 DOM 元素的引用 ， 可以执行以下操作：
- 选择某个元素
- 右键点击鼠标
- 存储为全局变量
作者介绍：
bitfish ， Medium 平台社区编辑 ， 爱好阅读、写作和编程 。
原文链接：
【小机灵鬼|Chrome 开发者工具的 11 个高级使用技巧】
推荐阅读
- 小机灵鬼|干货速来！透彻剖析微服务架构设计模式，深入开发Java有奇效
- 像梦一样奔驰|51WDP开发者平台五大工具全面开放，让数字孪生触手可及
- 蓝色星晨|Apple向开发者推送iOS14Beta7，支持暗黑彩虹壁纸
- 执笔抒情|万茜发文向宁静郁可唯几位姐姐道歉，配图还在抖机灵
- 宝石流云|麒麟9000断供在即，华为开发者大会憋大招，不止鸿蒙、HMS
- 小机灵鬼|央视重磅关注天府新区这件事
- 主机游戏小玩家|星露谷也上岛!开发者爆《星露谷物语》新版更新内容
- NBA|原创万茜发文向宁静郁可唯几位姐姐道歉，配图还在抖机灵
- 玩转电脑应用|办公、设计、开发者必备，比Rolan还好用的免费启动管理工具
- 小机灵鬼|小米截胡？雷军宣布第三代自研屏下摄像头明年量产，中兴黯然失色