如何为VSCode中Chrome调试的Web应用配置独立下载文件夹？

完全可以通过在VSCode的Chrome调试配置中添加Chrome命令行参数实现需求，既能让测试用浏览器与默认Chrome彻底隔离，又能为每个测试项目配置专属的下载文件夹。

核心Chrome命令行参数 #

需要用到两个关键参数：

• --user-data-dir：指定测试Chrome使用的独立用户数据目录，将测试浏览器的所有配置、缓存、下载记录等与默认Chrome完全分离。
• --download-directory：直接指定测试浏览器的下载文件夹路径，确保测试产生的下载文件存储在项目专属位置。

修改后的调试配置示例 #

将这两个参数添加到runtimeArgs数组中，利用VSCode的工作区变量${workspaceFolder}自动为每个项目生成独立路径：

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch App in Chrome",
            "url": "https://myApplicationURL/",
            "webRoot": "${workspaceFolder}",
            "runtimeArgs": [
                "--incognito",
                "--user-data-dir=${workspaceFolder}/.chrome-test-profile",
                "--download-directory=${workspaceFolder}/.chrome-test-downloads"
            ]
        }
    ]
}

参数详细说明 #

1. --user-data-dir=${workspaceFolder}/.chrome-test-profile
   每个项目的工作区下会生成一个.chrome-test-profile隐藏文件夹，作为测试Chrome的专属用户数据目录。这意味着测试浏览器的所有设置（包括下载偏好、扩展状态、Cookie等）都不会影响默认Chrome，同时不同项目的测试环境也相互独立。

2. --download-directory=${workspaceFolder}/.chrome-test-downloads
   指定测试浏览器的下载文件直接保存到项目工作区下的.chrome-test-downloads文件夹，彻底避免测试数据与个人下载文件混合。

可选简化方案 #

如果仅需单独指定下载目录而不需要完整的用户数据隔离，也可以只添加--download-directory参数：

"runtimeArgs": [
    "--incognito",
    "--download-directory=${workspaceFolder}/test-downloads"
]

但更推荐结合--user-data-dir使用，这样能获得更彻底的测试环境隔离，符合Web应用测试的最佳实践。

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