vscode使用chrome调试报错

﹏ヽ暗。殇╰゛Y 2022-12-20 03:26 389阅读 0赞

目录

    1. 修改chrome浏览器属性
    1. 设置chrome启动页
    1. 效果
  • 参考

1. 修改chrome浏览器属性

先在其快捷方式右键选属性，在“目标”字段中，追加–remote-debugging-port=9222（追加前要放个空格），我一开始改了无法保存，需要先去掉只读这个勾，如下：
在这里插入图片描述
在这里插入图片描述
修改好之后，测试一下能否使用本地chrome调试，如果不可以，还报错，那就接着走步骤二：

2. 设置chrome启动页

启动浏览器，如果浏览器默认打开的页面不是about:blank，会弹框报错，需要设置，如下图，设置好之后，关掉浏览器，重新打开：
注意：第一步设置好后可以正常调试，那就不用把浏览器启动页设置为about:blank
在这里插入图片描述

3. 效果

到现在为止，已完成配置！选择html页面，点击调试按钮，选好使用本机Chrome调试即可，如图：
在这里插入图片描述

参考

  • vscode(Visual Studio Code)中安装Debugger for Chrome插件调试页面 - 北倍 - 博客园 https://www.cnblogs.com/lulu-beibei/p/10881675.html

发表评论

表情：
评论列表 （有 0 条评论，389人围观）

还没有评论，来说两句吧...

相关阅读