web浏览器脚本的调试

水一贴。

(一)真实环境下的调试

  1. 在浏览器中按F12.
  2. 点击"source"或者"源程序"。 注意:一定要在 s o u r c e 窗口中打开 j s ,在 n e t w o r k 或者其他选项中打开,断点不生效。 \color{red}注意:一定要在source窗口中打开js,在network或者其他选项中打开,断点不生效。 注意:一定要在source窗口中打开js,在network或者其他选项中打开,断点不生效。
  3. 从路径中找到要调试的js文件,点击js源码所在窗口的左边,此时点击处显示为蓝色光标,表示断点设置完毕。
  4. 再次刷新页面,此时断点生效,代码会中断下来。此后,配合窗口右上角的"继续" 、“下一步”、 "跳过"等控制按钮,即可完成对网页源码的调试。

在这里插入图片描述

(二)自己搭建调试环境

  1. 找到需要调试的js文件,并导出并重命名为debug.js。
  2. 写一个html脚本:
    <!DOCTYPE html> <html><header></header> <body></body> </html>
  3. 在html脚本中添加:`
  4. 双击html,并按F12,跟上面一样,双击debug.js中代码的左边,在js中设置断点并调试。
    `
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值