Chrome Snippets

文章目录

    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 聊聊,或者关注我的个人公众号“大象工具”, 查看更多联系方式