返回首页

初学者指南页面和脚本调试与铬:介绍
当你开始开发的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:调试解剖

回答

评论会员:游客 时间:2012/02/06
Tushar_Patil:非常有帮助
1987wing
评论会员:游客 时间:2012/02/06
感谢您article.it的你帮助我很多{S}{BR}
itaitai
评论会员:尼斯 时间:2012/02/06
米哈伊MOGA
评论会员:游客 时间:2012/02/06
大文章。请保持它bosedk
|这是有用的很多。
击掌相庆
评论会员:游客 时间:2012/02/06
Win32nipuh:谢谢你,伟大的文章,特别是对我作为一个初学者在web开发中二}
RaviRanjankr:非常有用的文章戴夫。 A股非常感谢
评论会员:游客 时间:2012/02/06
哈利勒・易卜拉欣的卡尔坎
详细和有用的
评论会员:游客 时间:2012/02/06
geoyar:非常有用,太令人兴奋了
马塞洛・里卡多・奥利维拉:当我看到"初学者指南"首先,我简直不敢相信这篇文章可能是如何深入和有益的!感谢分享,戴夫

欢呼声中,
马塞洛
有没有免费的午餐。让我们等待的晚餐。

在{A23}看看。

这篇文章是表的内容,编写项目的文章,帮助初学者学习web开发。我觉得你的文章会成为一位伟大的除了文章(搜索"调试"页,你会看到你的文章可能适合)。既然你是至少银卡会员,您可以编辑该文章添加到您的文章链接(点击"更新Sean的文章在右上角的搜索框下,您的文章")。
有人在网上论坛中写道:,INTJs从未真正开玩笑。他们提出了一个点。只是一个笑话是礼品包装
评论会员:游客 时间:2012/02/06
DaveAuld:好主意........做{中三}戴夫找到我:{A24的}折叠统计:{A25}
L山
评论会员:游客 时间:2012/02/06
这是一个伟大的文章。当我编辑的功能,我永远无法接受的变化?也许不同的版本
?jratcliff7740:我想看到更多有关资料和审计信息的链接。您还得到了5。伟大的工作
| Dharmindar:这是最重要的事情知道如何调试的事情之一。和这些这么多的功能的浏览器都没有充分利用。但你的文章,将有助于我们采取越来越多的利用它。
评论会员:游客 时间:2012/02/06
Dharmindar:辉煌的一块工作。非常漂亮!imgsrc=http://www.orcode.com/img/ico/smiley_smile.gif
布里杰:很好的解释和非常有用的。有我的5
评论会员:帕布洛Aliskevicius 时间:2012/02/06
感谢分享
评论会员:RupeshKumar 时间:2012/02/06
张贴这篇文章的感谢。最初,我在铬学到一些东西,如使用消防错误写入日志,控制台上运行的方法。但是,我不知道许多其他功能,其浏览器的正确使用,我知道现在更好的afer看完这篇文章
评论会员:bambu86 时间:2012/02/06
我喜欢你的文章
很清楚,我不具备的技术能力或初学者
有用:尤里生命
评论会员:游客 时间:2012/02/06
thankzü帮助我明白在短短的工具,真的很感谢
Slacker007
评论会员:布拉沃{BR} 时间:2012/02/06