Question

怎么在移动端调试web前端

Answer 1

日常开发中，用 Chrome 模拟 UA、屏幕尺寸 和 培升触摸特性，完成第一阶段的开发和调试。

第二阶段：

iOS 的话，iPhoen 数据线链接 Mac，打开 Safari 就可以直配吵老接使用 Mac 的 Safari 调试工具了。

Android 的话，Chrome 也有提供对应的调试工具。

国产浏览器中，UC 在 Android 提供了开发者版本，局域网下直接访问机器的IP + 9998端口即可进入调试环境。

但对于国内开发者而言，最大的问题在于国产浏览器的各种奇怪BUG。

面对这类没有调试工具的浏览器，weinre 也是一个可行的解决方案。

如果只是对JavaScript的异常进行跟踪，自己敲碰灶几行代码也可以勉强处理一下。

引入一个外部链接来接收异常信息，借此把异常显示到开发环境中，这样就可以根据异常的信息对 JavaScript 代码进行跟踪和定位。

其中大致的实现原理，是通过对 window.onerror 进行一个全局的异常监听，把捕获到的异常发送到指定的接口。