第4章　常用调试方法及工具
的是桌面端浏览器内核，与移动端的浏览器环境略有差异。因此，在开发者工具中的网页样式呈现和脚本逻辑，和移动端网页表现会有一些不同。在实际项目中，开发者可能会遇到类似的困扰。例如，在本地开发调试时，页面表现正常，但是在手机端预览时，却发现异常。开发者此时最需要的调试方法就是直接调试真机网页，这样方可快速定位问题。如今，Web开发者工具可以完成这项充满挑战的工作。
按照官方的说法，能做到这一点的原因是，Web开发者工具借助了weinre（Web Inspector Remote）的移动调试功能，并和浏览器的X5 Blink 内核进行整合，从而具备了远程调试的能力，如图4-9所示。具体调试方法可以按照开发者工具的提示步骤进行操作，这里不再赘述。需要注意的是，开发者的移动调试功能对移动设备有版本要求，特别是在调试X5内核时，有环境要求。想要实现通用的移动端设备功能，可以借助weinre来实现，后面小节有详细介绍。
代码转换
图4-9　Web开发者工具的移动调试功能
4.4　前端调试工具
在开发前端Web页面时，我们需要用调试工具来调试HTML、CSS和JS代码。的开发，根据业务需求，可能有一大部分工作都会涉及前端页面的开发。
因此，常用的前端调试工具，都适用在的网页开发中。俗话说得好：46

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。