今天给大家介绍一下调试js,以及调试js代码的工具对应的知识点。希望对你有帮助,也别忘了收藏这个站点。
安装后,您可以测试它。需要三个步骤:
1)在Eclip中构建一个war项目,编写一个js文件进行测试。那就发动这场战争。
2)使用-remote-debugging-port = 9222参数启动Google Chrome浏览器。然后打开上面的网页地址。
3)在Eclip中配置模态参数,然后设置断点,看能不能停在断点上(就像模态Java代码一样)。朱扎纳
为此,我构建了一个测试项目,即file-new-other...-Web-dynamic Web项目,随便命名为hhh项目,然后添加了两个文件,index.html和js/test.js
我想你问的是,五福不是把 *** 代码搞得像丑八怪一样混乱吗?这种压缩通常会改变变量、函数名等。很短的名字,所以这种压缩代码很难识别。
对于这类代码,推荐的思路是先看看浏览器是否有错误,然后根据错误判断你的原代码中可能的错误位置;如果没有错误,确定大概的位置,然后在Chrome的开发者工具里打开源代码打开自己的代码,利用这个地方重新整理代码:
当然,如果uglify的代码还是很丑,那就只能用你实际代码中的一些常量作为关键字,在浏览器的代码中搜索你可能的位置,然后加入断点推测进行调试。
以上* * *都是在你对压缩 *** 的过程没有任何控制的情况下。如果自己压缩 *** 代码,可以在压缩的同时生成一个sourcemap文件,通常是xxx.js.map文件。如果您使用此文件进行部署,当您在开发人员工具中打开它时,也可以看到原始代码。这是最值得推荐的* * *也是最容易调试的* * *了。
Google开发者工具可以调试。Ie浏览器按f12,有一个脚本。
开启调试功能,js加载时会打开答题大厅,js报错时会自动提示。也可以在js上命中pin bucket断点(或者在js中你要中断的位置添加一个调试器;js运行到这段代码时,会自动暂停。不需要调试的时候记得关闭调试,因为ie占用内存会卡死。
工具/原材料
Chrome浏览器Mozilla firefox电脑
* * */步骤
1.以chrome为例。首先打开要调试的页面,按F12打开调试工具。
2.选择要查看和编辑的指定dom节点。
3、js断点调试:chrome很厉害,不好。在chrome调试工具栏中,可以调试js断点并格式化(有些大型门户会把js压缩成没有任何格式的代码,特别难学):我先写一段短而渴的js代码:function debug(){ for(var I = 0;i10i++){ alert(I);}调试截图如下:
4、js ajax调试,现在ajax技术使用越来越频繁,所以ajax调试也必不可少:在chrome调试工具中,可以查看当前页面的所有请求,包括ajax请求。以下是页面打开后的所有请求。
应该可以断定你的程序还没有运行。或者你的浏览器中设置了什么与插件冲突,你可以在Firefox中键入about:config。
-enter键打开以查看您的插件设置。我没有安装这个插件。我只能建议这么多。谢谢你
以上是调试js和js代码的工具介绍。不知道你有没有从中找到你需要的信息?如果你想了解更多这方面的内容,记得关注这个网站。
本文发布于:2023-04-27 23:46:00,感谢您对本站的认可!
本文链接:https://www.wtabcd.cn/zhishi/a/1682618068161858.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文word下载地址:调试js(调试js代码的工具).doc
本文 PDF 下载地址:调试js(调试js代码的工具).pdf
留言与评论(共有 0 条评论) |