初学者指南页面和脚本调试与铬:介绍
当你开始开发的HTML和JavaScript ladden网页,追查错误成为一个重要的问题。快速,方便地识别他们已经成为一个整体与现代浏览器推出了功能更容易很多。然而,知道浏览器控制台的功能,它可以为你做什么,往往是一个谜。在这篇文章中,我希望阐明的一些关键特性,以及如何你可以用它们来你的优势。
首先,我们会看的Chrome控制台的各个组成部分,然后开始看我们如何能识别的编码错误,操作JavaScript对象,修改CSS,通过JavaScript代码和手表值的步骤,重写测试动态的JavaScript代码,调用方法,并运行在控制台对DOM的所有jQuery的电话。
有可能仍然是一个堆我要学习的东西,但对于初学者,有足够后得到更多!我们应该开始吗?
注:在写作时,我用的是米,铬14.0.835.202 15.0.874.106米根据修订。目录
在这篇文章中,我们将着眼于主要项目有:{A}{A2的}{A3的}{A4纸}{A5的}{A7的}{A8的}{A9的}{A10的}{A11}{A12}{A13号}{A14高速公路}{A16}{A17中}{A18}{A19中}{A20的}调用调试器
我们需要做的是能够查看和使用调试的第一件事是打电话了。与任何现代应用程序,这可以在许多方面做。各种方法是:从浏览器的工具菜单中,你可以选择"的JavaScript Consolequot;使用键盘快捷键"CTRL SHIFT键Jquot;
右键单击页面上,你想调试和选择quot;检查Elementquot;
第三个选项是最简单的选择和我的首选,不仅会打开控制台,但它会选择和突出你点击的元素,在控制台中显示的源文件内,使事情容易得多。这个右键的方法是,我们将在下一节中使用。{A21号}解剖调试器控制台
要寻找的控制台的各种元素,让我们的检查,代码项目主页,所以在Chrome中,导航到{A22号},右单击超过了quot;的代码Projectquot;和选择quot;检查Elementquot;上在弹出的上下文菜单。
现在,控制台会出现,但它可能会出现要么quot; dockedquot;在页面上,你正在检查,或作为一个单独的浏览器窗口出现。如何你喜欢的是你,可能会取决于你正在努力实现的,但这篇文章的目的,我将使用一个quot; undockedquot;独立的观点。切换视图,你可以用下面的图1(一)在左下角的图标:{S0的}图1:调试解剖