移动设备调试html的一些方法

在移动设备上调试模板的一些方法

1、首选方案

     Android 4.4  + sdk6 利用chrome调试

          0）打开设备的usb调试开关

          1）用usb连接设备和电脑

          2）打开chrome选择 菜单-》更多工具-》检查设备

          tips：切记第一次需科学上网

          参考：https://developer.chrome.com/devtools/docs/remote-debugging

     iOS6+利用Safari调试

         0）通过usb连接设备和Mac（有兴趣的可以试试PC下的Safari行不行）

         1）在终端运行一下命令：

        defaults write com.bundle.identifier WebKitDeveloperExtras -bool true

             把com.bundle.identifier替换为要调试的APP的bundle id（可以通过Xcode 查看或者参考itools）

         2）打开ios的设置 -》Safari-》高级-》勾选 ‘web inspector’

         3）打开Safari-》偏好设置-》勾选’在菜单栏中显示开发菜单’ -》，然后在开发菜单下选择设备名称-》要调试的程序

             tips：需通过Xcode安装要调试的APP

 

参考：https://developer.apple.com/library/mac/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/GettingStarted/GettingStarted.html

2、后补方案

     使用weinre，详细教程 http://people.apache.org/~pmuellr/weinre-docs/latest/

3、后后后补方案

          自己写一个server端，把get或post请求的参数打印出来。在模板里向次server端发送get或post请求输出要查看的变量