乐趣区

关于前端:几个常见的Chrome调试技巧你都用过吗

1. 拖动 dom 元素

选中一个 dom 元素,通过拖动就能够扭转元素的地位。如下图:

2. 选中 dom 元素右键删除元素

选中一个 dom 元素右键菜单会有很多性能选项,罕用的有暗藏、删除元素等。如下图:

3. 在控制台援用选中元素 $0

应用 $0 能够在控制台援用选中元素,如下图:

4. $\_援用上一次的后果

应用 $\_能够在控制台援用上一次后果,如下图:

5. ctrl+ 点击款式 会跳转到该款式代码的源文件

6. saveAs 保留批改后的款式源文件

保留后的款式文件关上,如下:

7. 依据 css 选择器查找元素 ctrl + f

ctrl + f 会弹出搜寻框,咱们能够依据 css 选择器、关键字等查找某个元素。如下图:

8. shift + enter 控制面板换行

控制面板中应用 shift + enter 能够换行,这一点在书写函数的时候比拟实用。如下图:

9. ctrl + p 查找源文件

参考资料:
哔哩哔哩 -12 个最好用的 Chrome 浏览器调试技巧

本文由 mdnice 多平台公布

退出移动版