电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛

标题: 移动端开发常用调试方法 [打印本页]

作者: look_w 时间: 2019-3-8 18:50 标题: 移动端开发常用调试方法

Chrome模拟手机浏览器
以iphone为例：

首先知道iphone 微信 user agent：

Mozilla/5.0 (iPhone; CPU iPhone OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Mobile/10B329 MicroMessenger/5.0.1

打开chrome手机模式-->选择手机型号出的Edit-->Add custom device（添加一个设备）

把user agent粘到User agent string里，即可在设备中选择，模拟iphone的微信

安卓微信user agent：

Mozilla/5.0 (Linux; U; Android 2.3.6; zh-cn; GT-S5660 Build/GINGERBREAD) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1 MicroMessenger/4.5.255

遇到问题
1、鼠标小圆圈不显示，不知道鼠标位置

控制面板 > 鼠标 > 选择指针选项菜单 > 勾选显示指针轨迹，并且把选择条选到最短。
HBuilder在手机上查看网页效果

首先打开运行菜单的设置web服务器

然后左侧选择内置web服务器

把IP地址改成自己电脑的IP ，手机需要和电脑在同一网络环境下。数据是不可以的。

保存退出即可。

Chrome手机浏览器连接电脑调试页面

教程连接

手机连接电脑，打开开发者模式中的USB调试，手机上出现“允许电脑调试时”时，点击允许。

在电脑chrome地址栏中输入chrome://inspect—>勾选“Discover USB devices”，不出意外的话会出现你的手机型号。如果没有出现请检查或重复第一步是否完成。

打开手机chrome app，在电脑chrome inspect输入框中随便输个在线网址，点Open，手机chrome就会打开该页面。

当然最重要的是点inspect，来进行调试，如果点击inspect打开的是个空白页，应该是被墙了。

如果找不到开发者模式，找到关于手机里的版本号，快速点击几次

欢迎光临电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/)