如何设置Chrome启动/新建标签页时自动运行JavaScript代码片段

不需要走复杂的官方扩展提交流程，Chrome原生支持加载本地未打包扩展，是目前最稳定、兼容性最好的方案，操作步骤如下：

• 第一步：创建本地扩展文件
  在本地磁盘任意位置新建空文件夹，命名可随意设置，比如my-auto-script，在文件夹内新建3个文件：
  1. 扩展配置文件manifest.json，直接复制以下内容，这是Chrome扩展V3版本的标准配置，适配所有网页和新标签页场景：

     {
       "manifest_version": 3,
       "name": "自定义自动运行脚本",
       "version": "1.0",
       "description": "页面加载/开新标签页自动执行指定JS",
       "permissions": ["tabs"],
       "content_scripts": [
         {
           "matches": ["<all_urls>"],
           "js": ["inject.js"],
           "run_at": "document_idle"
         }
       ],
       "chrome_url_overrides": {
         "newtab": "newtab.html"
       }
     }
     

  2. 脚本文件inject.js，把你之前保存在DevTools Snippets里的自定义JS代码全部粘贴到这个文件里保存即可。
  3. 新标签页承载文件newtab.html，用来保证新标签页场景下脚本能正常触发，内容如下：

     <!DOCTYPE html>
     <html>
     <head>
       <meta charset="UTF-8">
       <title>新标签页</title>
     </head>
     <body>
       <script src="inject.js"></script>
     </body>
     </html>
     

• 第二步：加载本地扩展到Chrome
  打开Chrome地址栏输入chrome://extensions/进入扩展管理页，打开页面右上角的开发者模式开关，点击左上角的「加载已解压的扩展程序」按钮，选中刚才创建的my-auto-script文件夹即可完成加载。
• 生效说明
  配置完成后，打开任意网页、重启Chrome、打开新标签页时，你写在inject.js里的代码都会自动执行，不需要手动触发。后续如果要修改脚本逻辑，直接编辑本地的inject.js文件，保存后到扩展管理页点一下这个扩展卡片上的刷新按钮就会立即生效，全程本地运行，不需要联网，也不需要提交到Chrome应用商店审核。

其他可选方案 #

如果你觉得自己写扩展配置麻烦，也可以选择本地使用用户脚本管理器：安装管理器后直接新建自定义脚本，粘贴你的JS代码，配置匹配规则为所有站点，设置页面加载完成后自动执行即可，脚本全部保存在本地，不需要上传到任何公共平台，也能实现自动运行的效果。 #

注意事项 #

• DevTools的Snippets功能定位就是手动触发的代码片段，没有提供自动运行的原生配置，不用在这个功能里找相关开关，不存在这个设置。
• 不要尝试直接修改Chrome安装目录下的核心配置文件实现注入，Chrome的签名校验机制会检测文件改动，很容易导致浏览器崩溃、配置重置，稳定性极差。
• 自动注入的脚本和网页本身的脚本拥有相同的执行权限，不要随意粘贴来源不明的代码，避免造成隐私泄露或者账号风险。

内容的提问来源于stack exchange，提问作者wildcat89