
上QQ阅读APP看书,第一时间看更新
1.2.5 HTML5调试工具
调试是应用开发无法避免的过程。浏览器是HTML5应用的运行环境,浏览器内置的开发者工具提供了强大的调试功能,所以调试HTML5代码时,推荐使用浏览器开发者工具中的调试器。
浏览器的开发者工具提供的主要调试功能有HTML5元素渲染、HTML5标签到浏览器窗口中的元素细节的对应关系,还提供设备模拟功能,可以模拟不同设备的屏幕。
JavaScript代码调试相关的工具有控制台(Console),在控制台可以查看JavaScript代码的输出内容,还可以手动输入并运行JavaScript代码。图1.11中展示了在控制台中输入代码“Math.pow(2, 0.5)”并执行的结果。

图1.11 在控制台中输入代码计算2的0.5次幂的值
开发者工具还有网络调试的功能,通过它可以查看页面发送的请求的详情,第6章将详细介绍相关内容。此外开发者工具还有性能、存储等多种调试功能。
除了浏览器开发者工具提供的调试功能,还有一些增强浏览器调试功能的插件,安装它们后可以获得更多调试功能。