weinre是web inspector remote(远程web检查器)的缩写。本文主要是在node环境下使用。

一、安装

首先确保你的电脑上有node环境,然后使用cnpm或npm 安装,windows环境下:
npm install weinre -g

二、运行weinre

在命令行输入:
weinre –httpPort 8081 –boundHost -all-
8081是调试服务器运行的端口号,
boundHost是调试服务器绑定的ip地址或域名,默认是localhost,设置为-all-是为了在本地能使用localhost打开(也可以设置成自己的ip),在移动设备或本地环境用ip地址打开weinre调试工具
然后会看到服务启动:

三、开始调试

设置好端口之后我们在本地打开http://172.16.188.107:8081(换成你自己的ip)然后就可以看见weinre的基本信息,如下图:

接着我们需要在需要调试的页面上加上一段script标签

<script src="http://172.16.188.107:8081/target/target-script-min.js#anonymous"></script>

同样不要忘了改为你自己的ip地址

四、在手机上打开需要调试的链接

将你的源文件放在staticWebDir目录下,staticWebDir的目录是你安装weinre的根目录,我的是:D:\Program Files\nodejs\node_modules\weinre\web,然后手机访问:http://172.16.188.107:8081/show/index.html,因为我做的是公众号,需要在微信打开。所以我就把这个地址生成二维码,然后用微信扫一下,就打开了。
点击debug client user interface之后出现

点击蓝色的链接,变为绿色的之后就说明链接成功了。在后面的elements和其他的tag就可以进行调试了。注意在这个调试过程中必须保证手机和电脑在同一个网络下,如果用自己的手机网络是不可以的。

使用weinre调试移动端真机相关推荐

  1. 移动端真机调试--weinre

    转载文章,主要是用来标记这个较为古老的h5调试工具 ​​​​​​​l移动端真机调试:spy-debugger调试教程 - SegmentFault 思否在window下安装:npm install s ...

  2. 移动端真机调试,手机端调试,移动端调试

    移动端真机调试方法 一.chrome真机调试:局限性:只能调试手机端的chrome浏览器,其他浏览器均不适用:优点是: 简单快捷: 二.spy-debugger调试:spy-debugger,安装稍微 ...

  3. 移动端真机调试工具--weinre

    目录 1. weinre (1)weinre安装 (2)weinre使用 虽然当前各种浏览器都为开发者提供了很多模拟手机设备的功能,但是模拟毕竟是模拟,模拟环境中正常的代码到了真机上访问,仍旧会有各种 ...

  4. 分享移动端真机调试几种方法(更新中)

    最新更新请参考移动端真机调试 文章目录 安卓 浏览器场景 X5内核类 IOS windows调试ios MAC调试ios 跨平台通通用JS 注入类 Vconsole Eruda weinre 拓展 E ...

  5. 移动端真机调试修改手机host

    移动端真机调试修改手机host 一.电脑开热点 最简单方便快速修改手机host的方式 如果电脑是windows系统,可以通过电脑开热点,手机连接热点,修改电脑HOSTS文件.即通过修改电脑HOSTS文 ...

  6. 移动web开发之移动端真机测试

    chrome的开发者工具可以很好地做好模拟工作,但毕竟模拟和实际还是有差别的.所以,真机测试是一定要做的,如何高效地进行真机测试呢.个人感觉,还是BrowserSync用得比较称手.本文将详细介绍如何 ...

  7. 移动端真机调试的两种方法

    本文参考https://github.com/YvetteLau/Blog/issues/5 1.引入: 我们进行移动web开发时常常会接触到真机调试,但是手机端的浏览器却不想PC端这样有开发人员工具 ...

  8. 微信H5移动端真机调试--vConsole

    在移动端实际开发中,还是会碰到一些棘手的bug,想看看到底哪里出了问题,苦于移动端不能F12啊.友好的微信给我们提供了这么一个入口,使开发者可以真机调试.给微信开发者点赞.然后就可以看到你打印的内容及 ...

  9. 如何使用谷歌浏览器远程调试安卓/ios真机H5应用?

    1.背景 今年年初受疫情的影响,给大部分同事办公带来了不便,因此,公司今年开始着手移动办公,将部分原来需要在PC端操作的功能逐渐增加到了移动端,开发了很多的H5报表.因为是内部用的功能,在测试的时候也 ...

最新文章

  1. 在Spring.Net中对于NHibernate.Caches.Prevalence的使用
  2. 如何通过Geth、Node.js和UNIX/PHP访问以太坊节点
  3. python画图程序-编程入门06:Python海龟绘图
  4. 常用的几种大数据架构剖析
  5. Java中对properties分组_Java中Properties类的使用
  6. follow up transaction type determination
  7. Web实时通信,SignalR真香,不用愁了
  8. mysql连接28000错误代码_mysql 在登陆的时候出现error 1045 (28000): 错误解决办法
  9. 4-2 父子组件的数据传递
  10. Dns信息收集工具集合
  11. php ajax 增删改查 分页,Jquery之Ajax_分页及增删改查
  12. 基于Cocos2d-x开发guardCarrot--3 《保卫萝卜2》主页面开发(仅使用Cocos2d-x)
  13. 有关Ajax实现的两种方法
  14. 绿盟漏扫使用手册_爬取绿盟漏洞扫描器数据
  15. android nano app,实战nanoHTTPD嵌入android app(3)
  16. c# chart 点值标注_C# chart控件参数设定总结
  17. 游戏编程所需要的知识
  18. IDEA 常用插件安装
  19. 吴恩达---机器学习的流程(持续更新)
  20. 除了巨头苹果之外,还有哪些股获股神巴菲特青睐?

热门文章

  1. #最详细# Github Page 个人博客绑定二级域名
  2. Python实现批量汉字转拼音作搜索框提示词
  3. Autoleaders控制组——51单片机学习笔记
  4. 利用命令行对批量文件改名字
  5. 【我的Latex学习之路】转载自:E喵的LaTeX新手入门教程(1)准备篇
  6. VC#2005进行WPS表格2005二次开发的例子
  7. 区块链是如何升级的?
  8. 陈力:传智播客古代 珍宝币 泡泡龙游戏开发第44讲:PHP程序设计中的COOKIE
  9. linux 调用 wine 程序,Wine官方版|Wine v3.8 Development在Linux下执行Windows应用程序 官方英文版 - 维维软件园...
  10. Linux播放器MPlayer嵌入式开发系统中的应用