基于VSCode调试网页JavaScript的方法-创新互联

创新互联www.cdcxhl.cn八线动态BGP香港云服务器提供商,新人活动买多久送多久,划算不套路!

创新互联主要从事网站建设、成都网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务扶绥,10余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108

这篇文章主要讲解了基于VSCode调试网页JavaScript的方法,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。

一、调试准备

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}"
  }
]

分享标题:基于VSCode调试网页JavaScript的方法-创新互联
当前URL:http://pwwzsj.com/article/jhhej.html