在vscode中按F5打开chrome浏览器初始样式插件不见了没有插件自己的配置用户配置

scdnplayer

已于 2024-04-16 11:12:44 修改

阅读量947

点赞数

分类专栏：经验教程 vscode 文章标签： vscode chrome ide

于 2023-01-16 21:52:44 首次发布

本文链接：https://blog.csdn.net/scdnplayer/article/details/128709513

版权

经验教程同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

vscode

2 篇文章 0 订阅

订阅专栏

当在VSCode中用F5调试HTML时，浏览器缺少用户插件和配置。原因是VSCode使用独立配置。解决方法是在launch.json中指定runtimeExecutable为Chrome的路径，runtimeArgs包含用户数据目录，确保使用个人配置启动。

摘要由CSDN通过智能技术生成

1 问题描述

在html文件中写js代码，然后在vscode中打开html文件，按F5打开浏览器进行调试，打开的浏览器没有自己下载的插件等内容，完全是一个新的配置。

2 原因

vscode打开浏览器会使用自己的独立于用户的配置，这个配置位于C:\Users\<你的用户名>\AppData\Roaming\Code\User\workspaceStorage\5c089b2fcae74d3d2eb663707d5b2bee\ms-vscode.js-debug\.profile

如果你的配置不在这个位置，使用listary搜索ClientSidePhishing这个文件夹，就能找到

而用户的chrome配置在C:\Users\26955\AppData\Local\Google\Chrome\User Data

3 解决方法

用vscode打开html文件，运行( R ) -> 添加配置 -> Web应用(chrome) -> 在打开的launch.json里添加两个参数runtimeExecutable和runtimeArgs.

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Open test.html",
            "type": "chrome",
            "runtimeExecutable": "C:/Program Files/Google/Chrome Dev/Application/chrome.exe", // 你的浏览器位置
            "runtimeArgs": ["--user-data-dir", "C:/Users/26955/AppData/Local/Google/Chrome Dev/User Data"], // 第二个参数是你的浏览器配置的位置
            "request": "launch",
            "file": "d:\\vscode\\test.html" // 要调试的文件
        }
    ]
}

参考：vscode官方文档-browser-debugging