VS Code调试启动Google Chrome

时间:2024-03-20 14:57:10

问题

我用vs code 安装了 debugger for chrome,但无法运行自己写的本地的html

解决

方法一. 安装扩展 Axure RP Extension For Chrome

VS Code调试启动Google Chrome
VS Code调试启动Google Chrome

VS Code调试启动Google Chrome
VS Code调试启动Google Chrome
输入搜索 Axure RP Extension For Chrome

VS Code调试启动Google Chrome

这时你就可以直接使用Google Chrome 启动Html文件了, 把谷歌浏览器改为默认浏览器,更丝滑…

但无法自己下载添加的,也可以下载别人下载好的

打开浏览器右上角菜单——>更多工具——>扩展程序——>将Axure RP Extension For Chrome 0.63.crx文件拖入——>成功后,勾选相关选项

文件的下载地址与链接

链接: https://pan.baidu.com/s/1DydwMr7mPs6J3wWg4BwfjQ 密码: ut28

vscode debugger for chrome 配置中
VS Code调试启动Google Chrome
将地址直接改成本地目录文件,直接按F5.弹出浏览器,地址就是本地目录文件
VS Code调试启动Google Chrome

方法二 使用vscdoe插件view in browser

参考: https://www.cnblogs.com/lyyguniang/p/7778701.html

  • 1 打开vscode编辑器,点击编辑器主界面左上侧第五个小图标——‘扩展’按钮
  • 2 进入扩展搜索右拉框,在应用商店搜索框中输入“view in browser”会自动进行搜索
  • 3 等待几秒钟时间,扩展就会陆续出现,在view in browser 选项右下角点击“安装”小按钮;
  • 4 在vscode点击左侧第一个图标按钮,回到资源管理器界面,选择你想要查看的html文件;
  • 5 右键点击html文件,会出现view in browser 选项
  • 6 点击view in browser 选项 就能用浏览器预览文件了

VS Code调试启动Google Chrome
VS Code调试启动Google Chrome
从地址栏中可以看出,它直接运行了本地路径下的html文件