在 VSCode 中使用 ​​Go Live​​ 插件启动无插件的 Chrome 浏览器,可按以下步骤配置:

步骤 1:修改 VSCode 设置

  1. 打开 VSCode 的设置:

    • ​​Windows/Linux​​: Ctrl + ,
    • ​​macOS​​: Cmd + ,
  2. 搜索 Live Server 相关配置,找到以下两项并设置:

    "liveServer.settings.CustomBrowser": "chrome",
    "liveServer.settings.AdvanceCustomBrowserCmdLine": "chrome --disable-extensions --disable-plugins --disable-default-apps --no-default-browser-check --user-data-dir=./chrome_temp"
    • ​​说明​​:
      • --disable-extensions :禁用所有扩展。
      • --disable-plugins :禁用插件(如 Flash)。
      • --disable-default-apps :阻止加载默认应用。
      • --no-default-browser-check :跳过默认浏览器检查。
      • __CODE_STANDALONE_START__--user-data-dir=./chrome_temp__CODE_STANDALONE_END__:指定临时用户目录,避免加载现有配置。

步骤 2:处理路径问题(Windows 特殊处理)

  • ​​如果上述无效​​,可能需要指定 Chrome 的完整路径(尤其路径含空格时):
    "liveServer.settings.AdvanceCustomBrowserCmdLine": "\"C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe\" --disable-extensions --disable-plugins --user-data-dir=./chrome_temp"
    • 使用双引号包裹路径,并用 \\ 转义反斜杠。

步骤 3:测试配置

  1. 保存设置后,在 VSCode 中点击右下角 ​​Go Live​​ 启动服务器。
  2. 观察是否弹出一个新的 Chrome 窗口,检查地址栏右侧是否有扩展图标(应无插件运行)。

其他注意事项

  • ​​清理临时数据​​:关闭浏览器后,可手动删除项目目录下的 __CODE_STANDALONE_START__chrome_temp__CODE_STANDALONE_END__ 文件夹。
  • ​​参数更新​​:若 Chrome 版本更新导致参数失效,请参考官方命令行参数列表。

替代方案:手动启动无插件模式

若配置复杂,可直接在终端运行以下命令,再手动访问 http://localhost:5500 :

# Windows
"C:\Program Files\Google\Chrome\Application\chrome.exe" --disable-extensions --disable-plugins --user-data-dir=./chrome_temp http://localhost:5500

# macOS
open -a "Google Chrome" --args --disable-extensions --disable-plugins --user-data-dir=./chrome_temp http://localhost:5500

# Linux
google-chrome --disable-extensions --disable-plugins --user-data-dir=./chrome_temp http://localhost:5500

通过以上配置,即可在调试时使用干净的 Chrome 环境,排除插件干扰。

点赞(0)

留言列表 共有 0 条留言

暂无留言

微信公众账号

微信扫一扫加关注

发表
留言
返回
顶部