如何在Visual Studio中设置Edge或Chrome启动时自动打开DevTools

针对Edge的设置方法 #

方法1：仅对当前VS项目生效

• 右键你的Web项目，选择「属性」→ 切换到「调试」选项卡
• 在「启动浏览器」输入框中，将原有地址（例如http://localhost:5000）替换为：
  msedge.exe --devtools http://localhost:5000
• 保存设置后，启动调试时Edge会自动打开DevTools并加载项目页面

方法2：全局生效（所有Edge启动场景）

• 右键桌面的Edge快捷方式，选择「属性」
• 在「目标」栏的原有路径末尾，添加 --devtools（注意前面必须加空格）
• 点击「应用」后，无论是VS调试启动还是手动打开Edge，都会自动打开DevTools

针对Chrome的设置方法 #

方法1：仅对当前VS项目生效

• 同样打开项目属性的「调试」选项卡，将「启动浏览器」设置为：
  chrome.exe --auto-open-devtools-for-tabs http://localhost:5000
• 保存后启动调试，Chrome会自动打开DevTools

方法2：全局生效

• 右键桌面Chrome快捷方式→「属性」，在「目标」栏末尾添加 --auto-open-devtools-for-tabs（空格开头）
• 应用后所有Chrome启动都会自动开启DevTools

注意事项 #

• 如果使用IIS Express调试，请确保地址中的端口号和项目配置的一致
• 优先推荐用项目属性的启动参数设置，避免全局修改影响日常浏览

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