Chrome Snippets

更新日期: 2020-04-26 阅读次数: 16449 分类: Browser

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”, 即可

参考

tags: Chrome Console

关于作者 🌱

我是来自山东烟台的一名开发者,有敢兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊, 查看更多联系方式