YDOOK: VSC 安装 谷歌浏览器调试固件插件 Debugger for Chorme

1. 打开 VDC

2. 在插件库中输入： chrome

3. 点击选择安装 第一个：Debugger for chrome

4. 安装完成后，随便打开一个 HTML 文件，点击运行 F5 键，选择第一个 chrome:

5. 进入 launch.json 文件设置窗口，同时右边 Project 文件树目录下新增了一个 launch.json 文件 ：

6. 对 launch.json 文件进行修改，添加以下内容：

{"name": "使用本机 Chrome 调试","type": "chrome","request": "launch","file": "${file}",// "runtimeExecutable": "C:\\Users\\ADMIN\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe", // Be revised as your path installed chrome"sourceMaps": true,"webRoot": "${workspaceRoot}","userDataDir":"${tmpdir}","port":9999}

修改后为：

{// Use IntelliSense to learn about possible attributes.// Hover to view descriptions of existing attributes.// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387"version": "0.2.0","configurations": [{"type": "chrome","request": "launch","name": "Launch Chrome against localhost","url": "http://localhost:8080","webRoot": "${workspaceFolder}"},{"name": "使用本机 Chrome 调试","type": "chrome","request": "launch","file": "${file}",// "runtimeExecutable": "C:\\Users\\ADMIN\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe", // Be revised as your path installed chrome"sourceMaps": true,"webRoot": "${workspaceRoot}","userDataDir":"${tmpdir}","port":9999}]
}

保存并关闭 launch.json 文件。

7. 点击 VSC 的 Debugger 按钮，有运行调试的经典图标：带播放三角形的蜘蛛按钮：

然后在绿色箭头的下拉选择框中，点击选择: 使用本机 chrome 进行调试：

---

8. 最后点击 F5 键即可立即运行 chrome 进行调试了：

---

9. 如果是 window10 系统，可以设置左右同屏进行快速射击编程与调试：

点击：

按钮，选择特定窗口进行同屏展示：

---

---

Y件DOOK: VSC 安装 谷歌浏览器调试 固件插件 Debugger for Chorme相关推荐

1. Vue 安装谷歌浏览器vue开发插件

   引用地址: 前置配置文章 插件安装地址 vue开发插件地址 启动项目 出现vue 安装完成

2. Solarflare网卡开发：openonload 安装与调试

   Solarflare网卡开发:openonload 安装与调试 固件信息 可以通过命令查看当前的网卡连接情况 ip address1: lo: <LOOPBACK,UP,LOWER_UP> ...

3. Net 下安装、调试的常见问题与错误！！！

   作者:多人       出处:csdn Q:新建项目时出错:Visual Studio .NET 已检测到指定Web服务器运行的不是ASP.NET 1.1版.您将无法运行ASP.NET Web应用程序 ...

4. Kali Linux安装谷歌浏览器

   Kali Linux安装谷歌浏览器 Kali Linux默认安装的是火狐浏览器.但是,很多人习惯使用谷歌浏览器.在软件源中自带了谷歌浏览器的实验版.用户直接安装即可.默认,谷歌浏览器不允许root用户 ...

5. APM的3DR无线数传的安装和调试

   APM飞控修改数传模块方法 http://www.cnblogs.com/wsine/p/4909903.html APM的3DR无线数传的安装和调试 http://tieba.baidu.com/p ...

6. Zookeeper安装部署调试命令

   Zookeeper安装部署调试命令 ZooKeeper 常用四字命令: 下载地址: http://www.apache.org/dyn/closer.cgi/zookeeper/ 我选用清华的镜像 h ...

7. 基础零信任服务相关软件的安装和调试

   慢慢写,已经是第二周了可是看上去好像一时半会儿也写不完-- 最近在做零信任相关软件的安装和调试,主要使用系统为linux的CentOS 7.Windows7和Win Server 2008 R2 64 ...

8. ububtu安装谷歌浏览器+搜狗输入法+WPS+vscode+vim

   前提:电脑配置:64位处理器 一.安装谷歌浏览器 deb安装 1.下载(cd /tmp) wget https://dl.google.com/linux/direct/google-chrome-s ...

9. NodeJs代码调试（inspector+chrome） 实现谷歌浏览器调试后台nodejs代码

   NodeJs代码调试(inspector+chrome) 实现谷歌浏览器调试后台nodejs代码 如需转载请标明出处:http://blog.csdn.net/itas109 QQ技术交流群:1295 ...

最新文章

1. 推荐一个工作流自动化工具
2. 排版 项目 html,项目需求讨论： 文字显示排版— Html 格式
3. 关于code reiview
4. Linux企业运维人员最常用192个命令汇总
5. UGUI 自动布局的重叠BUG
6. 数据分析从零开始，新手小白如何入门？
7. root目录空间不够的问题
8. Git标签tag及tag远程同步
9. c语言指针地址交换程序,C语言-基础教程-指针的地址分配
10. python数据论文_如何利用Python绘制学术论文图表
11. Archlinux 试用
12. 改变权限Linux,Linux chmod改变权限属性命令
13. 基于.NET CompactFramework的九宫格控件（附源码）
14. JMM同步规范和Volatile重点概要
15. 2021-2027全球与中国DJ设备市场现状及未来发展趋势
16. WordPress使用腾讯云CDN配置如何实现https访问?
17. shell脚本shc加密解密
18. GUI-Guider中文手册
19. Python Counter函数
20. 如果使用半导体RFID读写器CK-S640-AP60E读取RI-TRP-DR2B-40的UID信息

热门文章

1. 19年全国电赛 H题电磁炮硬件电路+可控硅
2. 2021CSDN粉丝年度严选文章TOP10榜单出炉~浅看超人气盘点
3. 淘宝直通车托管公司怎么样
4. 全球首个5G R16 Ready：紫光展锐的新征程
5. excel拼接换行符:char(10)
6. mysqli assoc php,关于php：mysqli_fetch_assoc()期望参数1为mysqli_result，给定布尔值
7. 仪器仪表课程上的大作业——示波器的使用
8. 六自由度机器人（机械臂）运动学建模及运动规划系列（三）——机器人建模及运动学分析的Matlab仿真
9. 微信公众号申请+新浪SAE申请
10. dpdk 多进程共享内存描述信息的机制