Chrome 开发者工具的技巧
1.用CSS选择器做DOM搜索
在elements页使用css选择器 支持emmet
来源
2. 跳过第三方调试
右击第三方库的文件名,在弹出菜单中选中 “Blackbox Script” ,就可以把脚本放入黑匣子中了.
来源
3. 资源页(source)的快捷键
在资源页可直接拖动到编辑器,编辑器要处于编辑状态
使用快捷键 ctrl-p,可以根据文件名快速打开文件
使用快捷键 ctrl-g,可以快速定位到打开文件的某一行
使用快捷键 ctrl-shift-p,可以在打开的文件中根据函数名快速定位函数
使用快捷键 ctrl-shift-f 可以搜索全部文件
选择单词 ctrl-d 增加选择可以一次编辑多个
来源
4.资源映射
设置后修改样式和js文件会保存到本地(不包含html页面)
右击 “Sources” 选项卡,然后选择 “添加文件夹到工作区” ,最后选择你存放项目的本地文件夹。之后,右击你网站上的一些文件的本地副本,并选择 “映射到网络资源…” ,然后选择相应的 “网络” 文件即可
来源