如何调试移动网站

如何调试移动网站

一、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

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

	 
标签：
调试 移动网站