javascript调试技巧

djh-create      2022-02-07     459

关键词:

1.打印输出信息

console.log 用于通常的打印信息
console.table 打印对象信息;
console.trace(‘trace car’) 查看函数的调用栈,特别地有效。

3.断点调试

有三个方法,
一、直接找出代码行加个断点;
二、在代码中添加debugger,浏览器会自动在debugger那里停住
三、在控制台输入debug(car.funcY) 。

if (thisThing) {
    debugger;
}

4.响应式调试

可以调试移动端视域

5.统计代码块执行需要的时间

对于循环的统计优化特别有效

console.time(‘Timer1‘);
 
var items = [];
 
for(var i = 0; i < 100000; i++){
   items.push({index: i});
}
 
console.timeEnd(‘Timer1‘);

7. {} 美化压缩的代码

8. 监控函数接受到的参数

在控制台输入monitor(functionName)

9. 快速获取元素

在控制台输入 $(‘css-selector’) ,将返回第一个匹配的元素;
$$(‘css-selector’) 将返回所有匹配的元素。

10.可以在网络tab右键编辑重发网络请求

此操作用来补填缺失字段重新请求参数,完善参数特别有效

11. 可以在Dom面板右键添加监控,查看dom元素为啥会发生改变







javascript调试技巧(代码片段)

...meEnd()测试循环console.log()和console.dir()的区别阐述我们调试Javascript一般会用到Chrome和Firefox的控制台作为调试工具,本文列出了几条用于调试Javascript的技巧,掌握它们 查看详情

javascript调试技巧

1.打印输出信息console.log用于通常的打印信息console.table打印对象信息;console.trace(‘tracecar’)查看函数的调用栈,特别地有效。3.断点调试有三个方法,一、直接找出代码行加个断点;二、在代码中添加debugger,浏览器会自动在debu... 查看详情

你可能不知道的14个javascript调试技巧(代码片段)

以更快的速度和更高的效率调试你的JavaScript了解你的工具可以在完成任务的过程中发挥重大作用。尽管传言JavaScript难以调试,但是如果你掌握了一些调试技巧,那么你将会花费更少的时间来解决这些错误。我们已经列出了14个... 查看详情

javascript奇淫技巧:反调试

JavaScript奇淫技巧:反调试本文,将分享几种JS代码反调试技巧,目标是:实现防止他人调试、动态分析自己的代码。检测调试,方法一:用console.log检测代码:varc=newRegExp("1");c.toString=function()alert("检测到调试")console.log(c);原理:... 查看详情

10个javascript调试技巧,帮你更好更快地调试代码

...试技巧尤为重要。 下面小编就分享一些实用且聪明的JavaScript调试技巧,希望能让大家调试自己代码的时候更加从容自信。1、不要使用alert首先,alert只能打印出字符串,如果打印的对象不是String,则会调用toString()方法将该... 查看详情

14招搞定javascript调试

14招搞定JavaScript调试译者按: 很多时候,大家可能只是依靠console.log来调试JavaScript代码,这样做的局限性不言而喻,这篇博客将教你几招实用的调试技巧。原文: The14JavaScriptdebuggingtipsyouprobablydidn’tknow)译者: Fundebug为... 查看详情

js调试必备的5个debug技巧

1.debugger; debugger语句用于停止执行JavaScript,并调用(如果可用)调试函数。使用debugger语句类似于在代码中设置断点。通常,你可以通过按下F12开启调试工具,并在调试菜单中选择"Console"。进入断点后,可以双击下面的某行代码,... 查看详情

如何用本地脚本替换某些javascript引用的内容进行调试?

】如何用本地脚本替换某些javascript引用的内容进行调试?【英文标题】:Howtosubstituteacontentofcertainjavascriptreferencewithlocalscriptfordebugging?【发布时间】:2011-03-1205:39:01【问题描述】:我需要调试页面加载的jasvascript。加载的页面不... 查看详情

lua-调试技巧(代码片段)

title:lua-调试技巧categories:Luatags:[lua,调试,技巧]date:2022-07-1416:31:27comments:falsemathjax:truetoc:truelua-调试技巧前篇游戏lua脚本调试技巧,达到修改逻辑脚本后能实时生效执行,提高开发效率pc端editor模式新建一个测试代码脚本gDebugCustom=gD... 查看详情

lua-调试技巧(代码片段)

title:lua-调试技巧categories:Luatags:[lua,调试,技巧]date:2022-07-1416:31:27comments:falsemathjax:truetoc:truelua-调试技巧前篇游戏lua脚本调试技巧,达到修改逻辑脚本后能实时生效执行,提高开发效率pc端editor模式新建一个测试代码脚本gDebugCustom=gD... 查看详情

lua-调试技巧(代码片段)

title:lua-调试技巧categories:Luatags:[lua,调试,技巧]date:2022-07-1416:31:27comments:falsemathjax:truetoc:truelua-调试技巧前篇游戏lua脚本调试技巧,达到修改逻辑脚本后能实时生效执行,提高开发效率pc端editor模式新建一个测试代码脚本gDebugCustom=gD... 查看详情

js备战春招の四のdevtool中各种错误调试的使用技巧

...允许我们定义当try代码块发生错误时,所执行的代码块。JavaScript语句 try 和 catch 是成对出现的。语法:try{//在这里运行代码}catch(err(此处err为前边错误表示,如果在try中使用过throw,则存在为前边throw抛出错误结... 查看详情

chrome调试折腾记_js断点调试技巧

JS调试技巧技巧一:格式化压缩代码技巧二:快速跳转到某个断点的位置右侧的Breakpoints会汇总你在JS文件所有打过的断点,点击跟checkbox同一行的会暂时取消这个断点,若是点击checkbox下一行的会直接跳转到该断点的位置技巧三... 查看详情

Python调试技巧[关闭]

】Python调试技巧[关闭]【英文标题】:Pythondebuggingtips[closed]【发布时间】:2010-12-1000:45:07【问题描述】:调试Python的最佳技巧是什么?请不要只列出一个特定的调试器而不说它实际上可以做什么。相关WhataregoodwaystomakemyPythoncoderunf... 查看详情

调试.方便调试的技巧_01

1、例子代码:(VC6.0sp4)#include<stdio.h>#defineMAX(a,b)((a)>(b)?(a):(b))#defineM01()\__try{#defineM02()}__finally{#defineM03()}voidmain(){M01()inti=MAX(3,5);printf("AAA,i:%d ",i);return;printf(" 查看详情

继续分享5个实用的vs调试技巧(代码片段)

继续分享5个实用的vs调试技巧原总结调试vs2019vs前言我在上一篇文章《5个非常实用的vs调试技巧》中分享了5个我认为非常值得了解的vs调试技巧,本周继续分享5个很基础但同样实用的调试技巧。1.条件断点作用简介:顾名思义,... 查看详情

lua-调试技巧(代码片段)

title:lua-调试技巧categories:Luatags:[lua,调试,技巧]date:2022-07-1416:31:27comments:falsemathjax:truetoc:truelua-调试技巧前篇游戏lua脚本调试技巧,达到修改逻辑脚本后能实时生效执行,提高开发效率pc端editor模式新建一个测试代码脚本gDebugCustom=gD... 查看详情

什么是最佳的通用调试技巧?

】什么是最佳的通用调试技巧?【英文标题】:Whatarethebestgeneralpracticedebuggingtricks?【发布时间】:2011-05-2706:54:33【问题描述】:什么是最佳的常规调试技巧?不是与特定平台、语言等相关联的那些,而是那些你发现你使用的那些... 查看详情