|
|
|
|
移动端

1.3.1 调试

《JavaScript忍者秘籍(第2版)》第1章无处不在的JavaScript,本章我们将一览JavaScript的现状,并探讨几种能够运行JavaScript代码的环境。作为JavaScript的“发祥地”,浏览器将是我们的重点关注对象。此外,我们还将讨论一些JavaScript应用开发中的最佳实践。本节为大家介绍调试。

作者:一心一译前端小组 译来源:人民邮电出版社|2018-03-06 14:24

开发者盛宴来袭!7月28日51CTO首届开发者大赛决赛带来技术创新分享

1.3.1 调试

以前,调试JavaScript代码意味着使用alert来验证变量的值。好在,由于Firefox浏览器的开发者扩展Firebug的流行,所以调试JavaScript代码的能力大大增强了。所有主流浏览器的类似工具也都被开发出来:

Firebug——开发者扩展工具Firefox的流行成为了调试工具的开端;

Chrome DevTools——由Chrome 团队开发,并应用在了 Chrome 和 Opera浏览器中;

Firefox开发者工具——包含在Firefox中的工具,由Firefox 团队开发;

F12 开发者工具——Internet Explorer 浏览器 及微软 Edge浏览器中包含的调试工具;

WebKit 检视器——Safari中包含的调试工具。

如你所见,主流浏览器都为开发者提供了调试Web应用程序的工具。使用alert来调试JavaScript代码的日子一去不复返了!所有这些工具都有着类似于Firebug最初引入的概念,故而它们都提供着相似的功能:探索DOM、调试JavaScript、编辑CSS样式和跟踪网络事件等。其中的每样工具都做得很棒。你既可以使用你自己选择的浏览器所提供的调试工具,也可以使用你发现缺陷时所用的浏览器调试工具。

除此之外,你也可以使用其中的几个工具,例如用Chrome开发者工具来调试其他类型的应用,例如 Node.js应用(在附录B中,我们会向你介绍一些调试技术)。


喜欢的朋友可以添加我们的微信账号:

51CTO读书频道二维码


51CTO读书频道活动讨论群:365934973

【责任编辑:book TEL:(010)68476606】

回书目   上一节   下一节
点赞 0
分享:
大家都在看
猜你喜欢

读 书 +更多

点石成金:访客至上的网页设计秘笈(原书第2版)

有些网站看起来很清爽; 有些网站看起来很杂乱; 有些网站能让你轻松地找到资料; 有些网站让你犹如置身迷宫…… ...

订阅51CTO邮刊

点击这里查看样刊

订阅51CTO邮刊