怎么在移动端调试web前端

怎么在移动端调试web前端

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

　　第二阶段：
　　iOS 的话，iPhoen 数据线链接 Mac，打开 Safari 就可以直接使用 Mac 的 Safari 调试工具了。

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

　　但对于国内开发者而言，最大的问题在于国产浏览器的各种奇怪BUG。
　　面对这类没有调试工具的浏览器，weinre 也是一个可行的解决方案。
　　如果只是对JavaScript的异常进行跟踪，自己敲几行代码也可以勉强处理一下。
　　引入一个外部链接来接收异常信息，借此把异常显示到开发环境中，这样就可以根据异常的信息对 JavaScript 代码进行跟踪和定位。
　　其中大致的实现原理，是通过对 window.onerror 进行一个全局的异常监听，把捕获到的异常发送到指定的接口。

移动端一般也还是在电脑浏览器上面模拟，也可以在本地起个服务，然后用草料之类生成二维码扫描到手机上面看，

在设置选项里可以勾选开发者工具，方便调试。 还可以通过chrome、火狐的模拟，以及下一个安卓、苹果模拟器。 还可以搭建weinre，（具体教程请自行百度。

日常开发中，用 Chrome 模拟 UA、屏幕尺寸 和 触摸特性，完成第一阶段的开发和调试。
第二阶段：
iOS 的话，iPhoen 数据线链接 Mac，打开 Safari 就可以直接使用 Mac 的 Safari 调试工具了。
Android 的话，Chrome 也有提供对应的调试工具。
国产浏览器中，UC 在 Android 提供了开发者版本，局域网下直接访问机器的IP + 9998端口即可进入调试环境。
但对于国内开发者而言，最大的问题在于国产浏览器的各种奇怪BUG。
面对这类没有调试工具的浏览器，weinre 也是一个可行的解决方案。
如果只是对JavaScript的异常进行跟踪，自己敲几行代码也可以勉强处理一下。
引入一个外部链接来接收异常信息，借此把异常显示到开发环境中，这样就可以根据异常的信息对 JavaScript 代码进行跟踪和定位。
其中大致的实现原理，是通过对 window.onerror 进行一个全局的异常监听，把捕获到的异常发送到指定的接口。