首页 | 新闻 | 新品 | 文库 | 方案 | 视频 | 下载 | 商城 | 开发板 | 数据中心 | 座谈新版 | 培训 | 工具 | 博客 | 论坛 | 百科 | GEC | 活动 | 主题月 | 电子展
返回列表 回复 发帖

移动端开发常用调试方法

移动端开发常用调试方法

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打开的是个空白页,应该是被墙了。

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