在 PC 端,我们可以使用 Firebug 或者 Chrome 开发人员工具方便的调试网站或者 Web 应用.但是,当我们想在移动端调试站点或者应用的时候,这些工具就派不上用场了.因此,移动开发人员都希望能有 Mobile 版本的 Firebug 或者 Chrome 开发人员工具.Weinre 就是这样一款工具,可以帮助我们调试移动网站及 PhoneGap 应用. 您可能感兴趣的相关文章 推荐8款很棒的测试网站速度的免费工具 12款很棒的浏览器兼容性测试工具推荐 构建杀手级应用 JavaScri…

平时写代码,最喜欢用chrome的developer Tool调试页面了,基本是离不了的工具.但是当页面需要在移动设备上使用,尤其是被嵌入到Hybird APP中时,由于移动版的chrome没有developer Tool,只能傻傻的用alert来输出一些调试信息,修改了CSS样式也必须不断的刷新,文件多了有时候还得经常清缓存,效率极其低下.神啊,救救我吧! 于是weinre出现了!它是一个基于nodejs的工具.可以把远程的页面运行情况映射到本地,在本地的浏览器中查看调试信息,修改的css样式…

用谷歌调试工具中的手机模拟器模拟手机进行webapp的开发,与真机上的效果还是有些偏差,opera手机模拟器的效果亦不佳.有时在pc上开发出来的webapp效果良好,在部分真机上就出现了偏差,这时候就需要我们进行微调.     在pc上微调后发布到测试环境再在手机上看效果,开发很慢,效率很低.这时候就想着有一个可以在手机上调试的工具,可以随时更改参数随时看到手机上的效果,免去发布再测试.模糊估计参数不精准的麻烦,weinre就是一个这样的工具.     weinre可以在PC上远程调试手机上的页…

安装了weinre之后,target 老是是none.问题就是处在localhost或者127.0.0.1. 因为手机或者虚拟机要通讯,相当于另外一台电脑,用localhost怎么能实现通讯嘛.得用本地IP才可以. 用weinre -h 命令一查看,有个boundhost命令,weinre -boundhost 本机IP. 然后<script type="text/javascript"  src="http://本机ip:8080/target/target-scri…

2016-1-21 更新说明: 微信web开发者工具已经集成了weinre,只需设置手机代理便可调试任意页面,更简单更方便,推荐使用! Web应用开发者需要针对手机进行界面的调试,但是手机上并没有称心如意的调试工具(如Firebug),调试界面的工作往往事半功倍.本文介绍的调试工具Weinre 就是解决这一问题的优秀调试工具.本文以Windows系统为例: 为什么使用weinre 我们在调试web页面时,在PC端我们有Chrome控制台.FireBug这两款优秀的工具,让我们可以查看Elemen…

Weinre是什么 如果我们做的是Cordova(phonegap)或其他hybird应用,当使用到原生功能时候(类似原生请求数据或页面切换时),没办法在PC chrome浏览器调试页面,一旦页面在手机显示出了问题,我们比较难找到找到原因,有时还只能猜或alert些东西.   使用Weinre工具,Weinre的本意是Web Inspector Remote,它是一种远程调试工具,它可以将远程的页面经过代理在PC上调试页面元素.样式,JS.   Weinre的原理 三个端的含义: 客户端(cli…

移动端页面调试一般分两步.第一步我们需要把本地(pc端)写的页面效果展现在移动端,一个很方便的办法是用 fiddler 作为代理,具体可以参考 如何用 fiddler 代理调试本地手机页面,这样我们就能在自己的手机上看到真机效果,有时还可以用 alert 调试一些 js:当然,有时仅仅展现样式还不够,我们希望能像 chrome 面板或者 firebug 一样查看元素的 css 样式,甚至可以在控制台看到 js 的 console 输出,UC浏览器开发者版可以方便地做到这点,具体可以参考 如何使用…

在入职不久接触了移动端WEB开发,刚开始遇到的问题就是调试的问题.在PC端的时候,我常常纠结在IE与IE之间,主要的兼容问题还是IE一家子和他们的亲戚(啥多核浏览器,也是各种坑不断)之间.IE虽然问题多,但至少它还有一个可视化的调试工具,可以在浏览器中调试调试.面对移动端WEB的兼容问题,各种国产机修改过内核的浏览器,他们又要怎么调试?这一直是个问题,后面接触到了一些方案,其中也包含 weinre . 长时间没有使用,即使学会的知识也会遗忘,今天我又因为年中接到的活而把 weinre 派上了用场…

1.使用node安装weinre. 2.启动weinre, weinre --httpPort 8081  --boundHost -all- 3.在浏览器打开 http://localhost:8081 显示页面:把Target Script的JS放到页面上面. 4.在需要调试的页面的JS中,写console.log("you need to see the message"); 5.打开页面, http://localhost:8081/client/#anonymous, 运行你…

如今人们也越来越习惯在手机上浏览网页,而在手机上这些针对桌面浏览器设计的网页经常惨不忍睹.Web应用开发者需要针对手机进行界面的重新设计,但是手机上并没有称心如意的调试工具(如Firebug.web inspector),重新设计界面的工作往往事半功倍.本文介绍的调试工具Weinre 就是解决这一问题的优秀调试工具. Weinre是什么? Weinre代表We b In spector Re mote,是一种远程调试工具.举个例子,在电脑上可以即时 的更改手机上对应网页的页面元素.样式表,或是查…