杰网资源 Design By www.escxy.com

一、调试准备

Windows10 64bits

IDE:Visual Studio Code1.28.2

安装插件:Chrome(安装方法:Debug -> Install Additional Debuggers... -> Debugger for Chrome,重新启动vscode即可。)

二、调试配置

首先该插件运行需要安装有本地服务器,其次有两种配置方式,分别为:

(1)launch:重新打开一个chrome来显示应用程序

(2)attach:在已经运行的chrome中显示应用程序

2.1、Launch配置

按F5并选择chrome进入配置文件launch.json,我的Launch配置如下所示:

"version": "0.2.0",
"configurations": [
  {
    "type": "chrome",
    "request": "launch",
    "name": "Launch Chrome against localhost",
    "url": "http://localhost/文件路径",
    "webRoot": "${workspaceFolder}"
  }
]

2.2、Attach配置

attach的launch.json配置如下所示:

{
  "type": "chrome",
  "request": "attach",
  "name": "Attach to Chrome",
  "port": 9222,
  "sourceMaps": true,
  "webRoot": "${workspaceFolder}"
}

步骤一:让chrome进入调试模式:

方法一:在命令行中进行设置:

路径/chrome.exe --remote-debugging-port=9222

方法二:chrome桌面图标右键 -> 属性 -> 目标 -> 在路径后面添加 --remote-debugging-port=9222 即可。

其中 --remote-debugging-port 的值与lanuch.json中的 port 的值要匹配。然后在浏览器中打开本地服务器上的web页面

步骤二:在vscode中打开调试按钮进行调试,即可进入调试模式。

基于VSCode调试网页JavaScript代码过程详解

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

标签:
VSCode,调试,JavaScript,代码

杰网资源 Design By www.escxy.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
杰网资源 Design By www.escxy.com

RTX 5090要首发 性能要翻倍!三星展示GDDR7显存

三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。

首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。

据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。