您的位置:首页 > Web前端 > 其它 > 正文

如何调试移动网站

更多 时间:2014-12-25 类别:Web前端 浏览量:815

如何调试移动网站

如何调试移动网站

一、UC浏览器开发版( 内置强大的手机网页调试工具Remote Inspector

功能特性

1、支持PC或Pad设备,实时调试手机网页

2、Wi-Fi/USB两种调试模式可选

3、DOM、CSS、JS调试

 

使用方式及下载详见官网

http://plus.uc.cn/document/webapp/doc5.html

 

 

二、Chrome浏览器功能和PC基本一样

1、需做如下准备

(1)、PC Chrome最新版

(2)、安卓 Chrome最新版

(3)、数据线一根

2、使用方法

(1)、插上数据线,打开手机里的浏览器,然后PC浏览器-菜单-更多工具-检查设备,就会看到如下界面:

(2)、输入URL,打开调试界面

 

三、Firefox浏览器

1、需要如下几个准备工作

(1)、PC Firefox 15+

(2)、Android Firefox 15+

(3)、一根数据线

(4)、adb驱动

2、使用方法

咋DOS里面用adb在本地开一个接口来做代理接受数据

adb forward tcp:6000 tcp:6000


3、打开手机和电脑的远程调试,默认都是关闭的

(1)、手机端Firefox点击菜单栏的”设置”->”开发者工具”,勾选”远程调试”。

(2)、PC端Firefox打开about:config,设置devtools.debugger.remote-enabled为True。或者打开开发者工具,找到设置面板,打开里面的远程调试。

 

4、接下来找到桌面端Firefox-菜单-工具-Web开发者-远程链接。保证端口号和上面开启的端口号一致就好了

 

四、Opera浏览器

下载opera官方浏览器,而非中文版,中文版没有这个功能

1、在手机浏览器地址栏输入如下命令,会看到下图所示的信息

opera:debug

2、勾上enable选项,然后在pc上命令行输入如下命令

adb forward tcp:9222 localabstract:opera_devtools_remote

3、然后用基于chrominu的浏览器打开http://localhost:9222,例如(chrome),点击相应页面即可进入调试界面,非常方便。

这里需要注意,可能会出现空白,因为opera的调试页面使用了不安全的链接被组织了,只需点一下右上角的安全提示按钮,选择允许即可,如下图所示

 

五、Weinre

使用方法大家可以去官网查看