Chrome - Developer Tools - Sources - Snippets 右击 “New” 就能创建自己的 Snippets.
snippets 的实用之处
可以将常用的功能,做成 snippets,便于调试时使用。例如自动引入 jQuery, 打印调试信息。 再如,我想爬取当前页面中所有图片的链接地址,收集页面中出现的邮箱地址,等等。 只需要在对应的 snippet 上右键,选择“RUN”即可。
打开新的 tab,或者重启 Chrome,snippets 都不会丢失。唯一比较麻烦的是多机器同步。
一些实用的 snippets A collection of helpful snippets to use inside of browser devtools
执行的 snippet 的快捷键
选中对应的 snippet
- Mac: Cmd + Enter
- Window/Linux: Ctrl + Enter
执行部分 snippet 代码
选中部分行 snippet 代码,右键,选择 “Evaluate in Console”, 即可
参考
微信关注我哦 👍
我是来自山东烟台的一名开发者,有感兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊, 查看更多联系方式