vscode chrome调试怎么在全部欣赏器都好使

[复制链接]
发表于 2025-9-18 03:39:26 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
chrome调试时只能在打开的欣赏器里举行调试,别的打开的chrome欣赏器就不能调试了,怎么解决。
   右键点击 Chrome 的快捷方式图标,选择属性 在目标一栏,末了加上--remote-debugging-port=9222  --user-data-dir="D:\software\chrome_remote_dir"
  留意要用空格隔开,同时最好加上 --user-data-dir 这个存储调试的用户设置文件的目录,假如用默认的大概会有权限问题导致启动失败,也防止污染默认设置。
  也可以用 CMD 启动
  "C:\Program Files\Google\Chrome\Application\chrome.exe" --remote-debugging-port=9222 --user-data-dir="D:\software\chrome_remote_dir"
  lanch.json 文件设置
  1. {
  2.   "version": "0.2.0",
  3.   "configurations": [
  4.     {
  5.       "name": "Attach to Chrome",
  6.       "port": 9222,
  7.       "request": "attach",
  8.       "type": "chrome",
  9.       "url": "http://localhost:8056/add-system/",
  10.       "webRoot": "${workspaceFolder}",
  11.       "sourceMapPathOverrides": {
  12.           "webpack:///src/*.vue": "${workspaceFolder}/src/*.vue",
  13.           "webpack:///./src/*.js": "${workspaceFolder}/src/*.js"
  14.       },
  15.     }
  16.   ]
  17. }
复制代码
打开欣赏器,当前端页面进入 http://localhost:8056/add-system/ 后就会主动走入断点。假如多个欣赏器都想走入调试可以设置多个设置,然后设置同时启动。
启动两个调试方法
  1. {
  2.   "version": "0.2.0",
  3.   "configurations": [
  4.     {
  5.       "name": "Attach",
  6.       "port": 9222,
  7.       "request": "attach",
  8.       "type": "chrome",
  9.       "url": "http://localhost:8056/add-system/",
  10.       "webRoot": "${workspaceFolder}",
  11.       "sourceMapPathOverrides": {
  12.         "webpack:///src/*.vue": "${workspaceFolder}/src/*.vue",
  13.         "webpack:///./src/*.js": "${workspaceFolder}/src/*.js"
  14.       }
  15.     },
  16.     {
  17.       "type": "chrome",
  18.       "request": "launch",
  19.       "name": "Chrome",
  20.       "url": "http://localhost:8056/add-system/",
  21.       "webRoot": "${workspaceFolder}",
  22.       "sourceMapPathOverrides": {
  23.         "webpack:///src/*.vue": "${workspaceFolder}/src/*.vue",
  24.         "webpack:///./src/*.js": "${workspaceFolder}/src/*.js"
  25.       }
  26.     }
  27.   ],
  28.   "compounds": [
  29.     {
  30.       "name": "启动所有",
  31.       "configurations": [
  32.         "Chrome",
  33.         "Attach"
  34.       ],
  35.       "stopAll": true
  36.     }
  37.   ]
  38. }
复制代码


免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
回复

使用道具 举报

登录后关闭弹窗

登录参与点评抽奖  加入IT实名职场社区
去登录
快速回复 返回顶部 返回列表