如何调试移动网站

如何调试移动网站

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

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

	 

 

  
标签：调试 移动网站   
 
 



              
上一篇：如何找到某个HTML元素所绑定的事件
                	  
			  
下一篇：判断图片是否加载完成

  
 


  

      您可能感兴趣
				

					

  
如何在vscode中运行linux（解决VScode配置远程调试Linux程序的问题）
  
php调试用什么工具好（调试php程序的简单步骤）
  
使用RouteDebugger对MVC路由进行调试
  
关闭visual studio 的实时调试
  
cubeide调试问题（如何使用宝塔安装ionCube扩展）
  
laravel api 调试（laravel 实现设置时区的简单方法）
  
使用Visual Studio对项目进行远程调试
  
console.table调试JSON对象或字符串
  
如何在webpack中搭建项目（如何在webpack项目中调试loader插件）
  
如何调试部署在IIS上的网站
  
谷歌浏览器调试模式下刷新的几种方式
  
介绍几个Visual Studio 调试技巧
  
linuxgdb怎么设置前面的程序（详解Linux下调试器GDB的基本使用方法）
  
idea调试怎么配置tomcat（如何提升Idea启动速度与Tomcat日志乱码问题）
  
谷歌浏览器调试模式下搜索小技巧
  
canvas如何调试（关于canvas.toDataURL 在iOS运行失败的问题解决）
（）
书法欣赏 宋.志南诗《绝句》（宋.志南诗绝句）
每周一首古诗 《绝句》（每周一首古诗绝句）
蓝色代表什么（蓝色代表什么性格的人）
红色代表什么（红色代表什么情感和含义）
南宋志南和尚绝句 杨柳风似庙中来（南宋志南和尚绝句）