在 VSCode 中使用 Go Live 插件启动无插件的 Chrome 浏览器,可按以下步骤配置:
步骤 1:修改 VSCode 设置
打开 VSCode 的设置:
- Windows/Linux:
Ctrl + ,
- macOS:
Cmd + ,
- Windows/Linux:
搜索
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:测试配置
- 保存设置后,在 VSCode 中点击右下角 Go Live 启动服务器。
- 观察是否弹出一个新的 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 环境,排除插件干扰。
发表留言 取消回复