如何实用便捷的在本地真机调试WEB端HTML5网页

先简单介绍两款常用但需要一定条件或限制的工具

 

---

 

1、如果你能FQ

chrome在32版本后就自带了移动端调度工具，可以在Android直接联调，但唯一遗憾的是，在我大天朝要FQ后才能行的通，我自己试了后公司好几个机器联不上…

 

2、如果你有苹果电脑和iphone

苹果电脑上的safari 6.0版本后就可以直接连接iphone手机调试手机版上safari正在浏览的web页面，前提是你得有个苹果电脑和iphone手机，但如果你是Android的话，就没办法了

 

符合前端B格的“小苹果”

---

 

自己在公司里也是开发Mobile端的HTML5页面的，也深受调试页面之苦，移动端的WEB页面坑又多，所以用node-webkit技术做了一个客户端，专门用来调试，现在每天工作之前都先打开“小苹果”

小苹果用的是node-webkit技术打包成客户端，其实内部实现都是web 页面与nodejs技术，所以特别符合前端B格。而且由于用了node-webkit技术，客户端可以跑在windows和mac电脑上，齐活儿了

小苹果官方网站

里边有下载及安装和使用的方法

有图有真像

 

小苹果的好处

---

 

1、自带本地服务器

无需复杂的配置，不像apache或tomcat，一大堆设置，咱要的就是简单，小苹果本地服务其实就是用nodejs来写的

 

2、打开就用

将weinre移动端远程调试工具集成到了里边，打开就用，可以调试iphone,android上的web页面，webview中的页面一样可以远程真机调试

再也不需要自己到官网下载nodejs,再下载weinre, 再通过配置，再运行 ..

 

 

结束语

---

 

小苹果自己在公司的几个移动端项目中一直用，觉得很简单实用，所以推荐给大家用用看，当然了，现在只是alpha版本，存在很多不足，请见谅，希望我有时间慢慢把功能与体验做的更好吧;

本人书读的不多，技术有限，做的不好请喷，欢迎技术交流..

 

特别感谢：盛大文学

 

 

 

======================================================== 

相关技术资源

weinre: http://people.apache.org/~pmuellr/weinre-docs/latest/

node-webkit: https://github.com/rogerwang/node-webkit

nodejs: http://www.nodejs.org/

======================================================== 

转载处请注明：博客园(王二狗)willian12345@126.com