关键词：

阅读目录

• 阐述
• • debugger
  • console.table(animals) 用表格显示对象
  • 使用 console.time() 和 console.timeEnd() 测试循环
  • console.log() 和 console.dir() 的区别

阐述

我们调试Javascript一般会用到Chrome和Firefox的控制台作为调试工具，本文列出了几条用于调试Javascript的技巧，掌握它们，让我们花更少的时间来解决错误和 bug，从而提高开发效率。

debugger

除了 console.log, debugger 是我们最喜欢、快速的调试工具。
执行代码后，Chrome 会在执行时自动停止。
你甚至可以把它封装成条件，只在需要时才运行。

if (thisThing) 
    debugger;

console.table(animals) 用表格显示对象

有时， 有一组复杂的对象要查看。可以通过 console.log 查看并滚动浏览，亦或者使用console.table 展开，更容易看到正在处理的内容！

var animals = [
     animal: 'Horse', name: 'Henry', age: 43 ,
     animal: 'Dog', name: 'Fred', age: 13 ,
     animal: 'Cat', name: 'Frodo', age: 18 
];

console.table(animals);

使用 console.time() 和 console.timeEnd() 测试循环

要得知某些代码的执行时间，特别是调试缓慢循环时，非常有用。
甚至可以通过给方法传入不同参数，来设置多个定时器。
来看看它是怎么运行的：

console.time('Timer1');

var items = [];

for(var i = 0; i < 100000; i++)
   items.push(index: i);


console.timeEnd('Timer1');

console.log() 和 console.dir() 的区别

console.log() 会在浏览器控制台打印出信息。
console.dir() 可以显示一个对象的所有属性和方法。

<script>
var animals = [
     animal: 'Horse', name: 'Henry', age: 43 ,
     animal: 'Dog', name: 'Fred', age: 13 ,
     animal: 'Cat', name: 'Frodo', age: 18 
];

console.log(animals);
</script>

<script>
var animals = [
     animal: 'Horse', name: 'Henry', age: 43 ,
     animal: 'Dog', name: 'Fred', age: 13 ,
     animal: 'Cat', name: 'Frodo', age: 18 
];

console.dir(animals);
</script>

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

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

javascript调试技巧

1.‘debugger;’除了console.log,debugger;是我们最喜欢、快速且肮脏的调试工具。一旦执行到这行代码，Chrome会在执行时自动停止。你甚至可以使用条件语句加上判断，这样可以只在你需要的时候运行。愚人码头注：本人实在觉得这种... 查看详情

javascript调试技巧

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

javascript奇淫技巧：反调试

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

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... 查看详情

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

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

textchrome控制台调试技巧(代码片段)

查看详情

textjavascript和jquery调试技巧(代码片段)

查看详情

javascript技巧(代码片段)

查看详情

javascript图像技巧(代码片段)

查看详情

实用调试技巧(代码片段)

调试技巧调试是什么？有多重要？一、调试的基本步骤二、Debug和Release的介绍。三、学会快捷键四、调试的时候查看程序当前信息五.实例实例一实例二六.如何写出好（易于调试）的代码示范注意七.编程常见错误... 查看详情

gdb调试基本技巧(代码片段)

1 说明本文主要介绍一些简单的、常用的gdb调试技巧。环境：GNUgdb(GDB)RedHatEnterpriseLinux(7.2-60.el6_4.1)参考文档：《gdb调试技巧》 作者不详2 测试代码1#include<stdio.h>23inttest_func2(void)45inta=1;6intb=2;78returna+b;91011v 查看详情

dockerdebug调试技巧(代码片段)

 『重用』容器名但我们在编写/调试Dockerfile的时候我们经常会重复之前的command，比如这种dockerrun--namejstorm-zookeeperzookeeper:3.4，然后就容器名就冲突了。$dockerrun--namejstorm-zookeeperzookeeper:3.4...$dockerrun--namejstorm-zookeeperzookeep 查看详情

markdown调试扫描仪的一些技巧(代码片段)

查看详情

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

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

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

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