• 在 Sources 面板, 点击 Watch 。

• 点击 Add Expression

Add Expression 按钮

• 输入 typeof sum .

• 按回车。 DevTools显示“typeof sum：”string“`。 冒号右侧的值是您的不雅察表达式的结不雅。

如猜测那样, sum 被当做string类型 。

console.log() 的另一个替代办法是控制台。 应用控制台来评估随便率性的JavaScript语句。 开辟人员平日应用控制台在调试时覆盖变量值。 在您的情况下，控制台可以赞助找到啊修复bug的办法。 如今就尝尝：

*如不雅您没有打开控制台抽屉，请按Esc键将其打开。 它将在您的DevTools窗口的底部打开。

*在控制台中，输入 parseInt（addend1）+ parseInt（addend2） 。

*按回车。 DevTools履行该语句并打印出“6”，这是您期望演示生成的结不雅。

Step 6: 修复

您已经肯定了该bug的潜在修复办法。 剩下的是经由过程编辑代码并从新运行演示来测验测验修复。 您不须要分开DevTools来修复bug。 您可以直接在DevTools UI中编辑JavaScript代码。 如今就尝尝：

1. 测验测验应用不合的变量，如今sums可以精确计算了。

   按照以下解释重现您将在本教程中解决的bug。

   • 按Command + S（Mac）或Control + S（Windows，Linux）保存更改。 代码的背景更改为红色，表示脚本已在DevTools中更改。

   • 点击 Deactivate breakpoints

Deactivate breakpoints 按钮

Resume script execution 按钮

【编辑推荐】

1. 11月第4周要闻回想:Chrome OS持续热评 “最安然”网站被黑
2. Chrome OS十大年夜缺点 参不雅《阿凡达》的数据中间_IT技巧周刊第160期
3. 3月第4周要闻回想：Chrome续写传奇 Oracle舍我其谁
4. 如安在五分钟内开辟一款Chrome扩大
5. 如安在五分钟内开辟一款Chrome扩大_IT技巧周刊第496期

【义务编辑：张燕妮 TEL：（010）68476606】

　　推荐阅读

　　ICO被叫停 区块链要发展

51CTO诚邀您9月23号和秒拍/国美/美团元专家一路聊智能CDN的优化之路，抓紧时光哦！ 披着区块链外套的ICO如同一>>>详细阅读

本文标题：学习如何使用Chrome DevTools调试JavaScript

地址：http://www.17bianji.com/lsqh/37351.html

 1/2    1