微信调试移动端页面

百度地图开发

 百度开发者中心

百度地图API JS接口

 

---

 

安卓调试

google 浏览器 

苹果调试

safari浏览器

 

Xcode https://developer.apple.com/develop/cn/

微信web开发者工具

 

微信 web 开发者工具 基于 weinre 

X5 Blink 内核

微信开发者移动调试

 

搭建本地调试环境---测试微信中页面展示

适用情况：没有苹果手机，用谷歌浏览器测试正常，微信中不行

本地环境 win7

参考资料：

使用weinre调试手机页面 ★★★★★

MAC OS X安装Weinre「远程调试工具」   ★

 

先安装 nodejs ,https://nodejs.org/en/,

安装图示

 

 

 

 

 

 

 

 

Node.js v6.10.2 文档

NodeJS、NPM安装配置步骤(windows版本)

 

测试是否安装成功？

WIN+R 运行里输入CMD 输入node -v

npm -v

 

npm 安装weinre 

npm install -g weinre  

 

 

weinre由三部分组成

1. debug server

核心组件，运行在服务端，负责与另外两部分通信。

2.debug client

webkit核浏览器,与debug server通信。展现调试界面，允许你修改dom，查看网络信息等。

3. debug target. 

待调试的页面。你需要在页面中嵌入一小段js。它将通过XHR方式与debug server通信，进行调试信息的收发。

 

 

启动debug server端

weinre --httpPort 8519 --boundHost -all-

 

测试是否启动 访问 http://localhost:8519/ 以下为成功状态

 

 

 以下完整截图