不知道各位前端码农在开发移动web页面时有没有遇到过这样一种情况，开发时调试用浏览器的模拟器进行布局，例如chome的模拟工具，嗯，一切都很美好，布局完美，然而切换到真机的时候就跪了，至于为毛跪了，各位心里大概也很清楚，各种浏览器的兼容性问题，模拟器无法完全模拟，这是一个令人蛋碎的问题。然后，我就发现了这个移动web真机调试神器——weinre。
目前我知道的应该有两个版本，一个是基于Java的，一个是nodejs的版本，然而，玩前端的，就不去折腾Java了，下面是关于nodejs环境下weinre的部署步骤，让你轻松驾驭真机调试。
首先，你要有nodejs环境，至于怎么部署nodejs。。。百度去
然后，安装weinre，全局安装
npm install weinre -g
接着，ipconfig获取本机的ip，这里我们假设是192.168.1.102，以下都用这个地址进行解释
扫描二维码关注公众号，回复：
1737252 查看本文章
weinre分为服务端和客户端两个部分，首先我们启动服务
weinre --httpPort 1314 --boundHost 192.168.1.102
这段代码的意思是监听本机的1314端口，接着我们就能通过浏览器访问 http://192.168.1.102:1314了，大概是下面这个样子的
然后我们还必须再做一步操作，把一句代码插入到你所需要调试的页面中，使你的页面能够链接到这个服务，像下面这样
<script src="http://192.168.1.102:1314/target/target-script-min.js#anonymous"></script>
接着你只需要运行你的页面，然后点击上图红色框框的链接，进去是这个样子的，
targets下面就是所有待调试的页面了，只有是添加了
<script src="http://192.168.1.102:1314/target/target-script-min.js#anonymous"></script>这句代码的页面运行之后都会出现在在这个页面，选择你要调试的链接，点击Elements,你会发现一切都是那么熟悉。
然后，如果你还是觉得很繁琐很麻烦的话，嗯，我也觉得有点繁琐，毕竟大家都是如此的懒，所以贴心的我准备了一个批处理文件，双击一下，你就会懂得怎么做了，前提是你已经按照最前面说的安装了weinre，好，放链接
嗯，你们开心就好