JS断点调试方法

ゞ浴缸里的玫瑰 2021-07-24 11:43 551阅读 0赞

# 一 html代码 #

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>JS断点调试法</title>
        
        <script src="resource/js/jsdemo1.js"></script>
    </head>
    <body>
    <h1>代码调试</h1>
    
    </body>
    </html>

# 二 JS代码 #

var socre = 80;
    if (socre > 60 && socre < 70) {
        console.log("一般");
    } else if (socre >= 70 && socre < 80) {
        console.log("良好");
    } else {
        console.log("其他");
    }

# 三 调试方法截图 #

1 谷歌浏览器，单击F12，进入开发者模式。

2 进入Sources页签，找到要调试的js代码。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70][]

3 打断点

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70 1][]

4 单步执行

![20200712202041820.png][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70]: /images/20210724/6483060c1cf749d7812886fcae44ef99.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70 1]: /images/20210724/b9fced073a934774823f17bbf325a5f5.png
[20200712202041820.png]: /images/20210724/84270e76138f4dcd8d5be624aaecfe4c.png

发表评论取消回复

表情：

评论列表（有 0 条评论，551人围观）

还没有评论，来说两句吧...

相关阅读

相关 js在网页中设置断点调试程序的方法

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

快来打我*/ 2023年02月19日 06:25/ 0 赞/ 5 阅读

相关 MyEclipse断点调试

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 1. 1、在编辑的程序的左边，你会看到一条浅浅的灰色编

谁借莪１个温暖的怀抱￠/ 2022年10月02日 07:59/ 0 赞/ 269 阅读

相关【gdb】- 断点调试

断点调试实例： include <stdio.h> int main(void) { int sum = 0, i

水深无声/ 2022年05月30日 06:49/ 0 赞/ 444 阅读

相关 JS断点调试技巧

JS调试技巧技巧一：格式化压缩代码 [![这里写图片描述][2017091109104514.png]][2017091109104514.png] [![这里写图

- 日理万妓/ 2022年05月20日 08:40/ 0 赞/ 384 阅读

相关 chrome浏览器js断点调试总结

本文转自[https://www.cnblogs.com/mqfblog/p/5397282.html][https_www.cnblogs.com_mqfblog_p_539

灰太狼/ 2022年05月18日 08:59/ 0 赞/ 865 阅读

相关对js进行断点调试

有些程序太过繁杂，程序出错不好找出错误在哪，所以需要断点调试一步步得出结论。 1.在需要加断点的地方写debugger; function customDebu

迈不过友情╰/ 2022年04月24日 15:20/ 0 赞/ 319 阅读

相关用VSCode断点调试Node.js代码

VSCode是微软推出的一款开源免费的代码编辑器，不但好用而且功能强大，能直接调试Node.js代码，步骤如下。 1、首先把Node.js代码放在一个目录下，然后用VSCod

àì夳堔傛蜴生んèń/ 2022年03月17日 13:14/ 0 赞/ 455 阅读

相关 Chrome调试js断点（一）--转

1.断点调试是啥？难不难？断点调试其实并不是多么复杂的一件事，简单的理解无外呼就是打开浏览器，打开sources找到js文件，在行号上点一下罢了。操作起来似乎很简单，其实很

我就是我/ 2021年09月16日 01:08/ 0 赞/ 436 阅读

相关 javascript脚本怎么调试，js怎么打断点调试

如图是笔者写的一个小的js测试，点击键盘上的F12就可以调出调试模式 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_te

迈不过友情╰/ 2021年07月27日 02:09/ 0 赞/ 423 阅读

相关 JS断点调试方法

一 html代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="U

ゞ浴缸里的玫瑰/ 2021年07月24日 11:43/ 0 赞/ 552 阅读