很多时候，大家可能只是依靠 console.log 来调试 JavaScript 代码，这样做的局限性不言而喻，掌握工具的使用方法可以极大提高解决问题的效率。尽管 JavaScript 以难以 Debug 著称，如果你知道一些技巧可以让你更快地搞定它。

debugger;

除了console.log之外，debugger;是我最喜欢的快速 debug 的工具。一旦在代码中加入了这行语句，Chrome 在执行的时候会自动在该行停下来。你甚至可以和条件语句配合使用，仅仅在你需要它的时候开启。

if (thisThing) {
    debugger;
}

将对象以表格的形式展示

有时候，你需要查看一个复杂的对象元素。通常，我们都会使用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);

输出样式：

- 阅读剩余部分 -

网页保持屏幕唤起常亮状态，阻止息屏，一行代码搞定

window.navigator.wakeLock.request("screen");

因为保持屏幕唤醒是一个占用资源开销的行为，所以浏览器中，当页面最小化或者切换到非当前页的标签页的时候，屏幕的wake锁定就会释放，用户再切换回当前页面的时候，就没有锁定屏幕了，因此如果切换回来后还想保持屏幕唤起状态，就需要其他代码处理唤醒

- 阅读剩余部分 -