一、调试准备 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，
怎么在chrome调试工具直接修改js代码？
1、在元素标签上右键审查元素。
2、蓝色部分与红色箭头所指是选中的元素代码。
3、点击箭头所指的部位,打开控制台,如果js 异常会在这里显示相关信息。
4、按照箭头的顺序点击,在代码59行,打上断点。
5、点击箭头所指的位置,刷新页面。
6、js运行到断点的位置会暂停。
7、点击右侧箭头所指的位置,单步执行js代码。
8、鼠标放在变量上,可以查看变量的相关信息。
怎么才可以修改网页中的JS源码文件？
首先使用一个有调试工具的的浏览器 如：谷歌，火狐 然后按f12 调出网页开发工具 以谷歌举例 选择sources标签 点击左上角小箭头标志 可以看到所有引用的js文件 如果你定位了你需要改的js 在控制台面板中可以直接修改 此时会进入一个虚拟机状态VIM 但是谷歌有sandbox机制 会屏蔽用户对非本地源码的修改
- 上一篇： web开发中出现404、404、404的代码怎么解决?
- 下一篇： 返回列表