移动端调试工具weinre的安装、使用与问题

1.准备

安装需要node.js的支持，确保你的windows安装了node，如何安装在此不在赘述。（不要忘了配置环境变量

2.安装

npm install -g weinre

3.运行

weinre --httpPort 8080 --boundHost -all-

4.调试

在需要调试的页面添加下面的代码段

<script src="http://ip：port/target/target-script-min.js#anonymous"></script>

ip填写自己电脑的内网ip(cmd->ipconfig),端口填写第3步中的httpport 默认8080

在电脑上搭建一个web服务器，phpStudy 、wamp等等集成环境都可以，当然你也可以自己动手安装 apache、nginx等等，使你可以通过ip或者域名访问到需要调试的网页

打开防火墙放行你绑定的端口

然后你就可以通过手机访问你的电脑上需要调试的页面了，推荐以ip的方式访问，也就是

如：

192.168.0.103:82/index.html （ip为电脑内网ip）

进行访问，我之前配置域名没有访问成功，不知道什么问题

然后在电脑浏览器

输入 localhost:8080(第三步配置的端口号）

点击第一条超链接

debug client user interface:http://localhost:8081/client/#anonymous

在未在移动端访问需要调试的页面时，targets为none，在多条targets时双击你想要调试的链接，然后就可以正常使用导航条上的调试工具了

5.问题

百度到的教程都是复制粘贴的同一篇文章，很多细节没有讲

①在需要调试的页面中加入的script代码，ip需要填写自己的内网ip，这样移动端在通过局域网访问电脑上的页面时，targets才有记录，才可以调试，否则会出现 targets会出现none的问题

②关于 targets none的问题，在后续的使用中，出现了 script代码 ip地址填写localhost或127.0.0.1targets才有记录，填写内网ip，不论移动端还是pc访问都没有记录的现象，并出现的下图的情况

在尝试了重新启动服务和刷新weinre调试页面也无效后，尝试修改端口号，就可以正常访问了，也不清楚是为什么，之前用的好好的。

移动端调试工具weinre的安装、使用与问题相关推荐

Web移动应用调试工具——Weinre
如今人们也越来越习惯在手机上浏览网页,而在手机上这些针对桌面浏览器设计的网页经常惨不忍睹.Web应用开发者需要针对手机进行界面的重新设计,但是手机上并没有称心如意的调试工具(如Firebug.web ...
web前端开发远程调试工具Weinre
如今人们也越来越习惯在手机上浏览网页,而在手机上这些针对桌面浏览器设计的网页经常惨不忍睹.Web应用开发者需要针对手机进行界面的重新设计,但是手机上并没有称心如意的调试工具(如Firebug.web ...
vue3 移动端调试工具vconsole和eruda 及其两种使用方式
tip:eruda和Chrome浏览器的从console台很像,推荐使用方式一:直接引用eruda 官方镜像:GitHub - liriliri/eruda: Console for mobile ...
嘿，兄弟！移动端调试工具Flipper了解一下（下）
内容简介:上期文章讲过关于Flipper在移动端的使用,主要介绍了Android上的使用,本期来讲一下关于iOS上的集成. 传送门:嘿,兄弟!移动端调试工具Flipper了解一下 Objective- ...
移动端调试工具 vconsole、eruda 使用方法
移动端调试工具 vconsole.eruda 使用方法一.eruda 安装 main.js 二. vconsole 1.salesHome.vue 2.postMessageWithNative.j ...
debuggap 调试html,DebugGap-官方版-DebugGap(移动端调试工具)4.2.2-独木成林
debugGap是一款移动端调试工具,只要是webview,就能查看css属性,请求,console等.支持单步调试支持跨平台开发PHP,javascript,css,html等语言完全免费.支持各类 ...
oracle服务端安装和下载,oracle 11g 服务端下载地址及安装说明
Oracle 11g 服务端的安装步骤 Ø 简介本文主要介绍 Oracle 11g 服务端的安装步骤,在介绍之前说明以下几点: 1. 所安装的服务器是本机的虚拟机,操作系统为 Windows ...
vue移动端调试工具
当我们在完成项目时,打包给后端上传至服务器发现页面打不开或者各种问题,在某些软件上看不了控制台报错,那么就需要在项目中添加测试工具,来实现在移动端打开控制台进行测试: 1.vue移动端调试工具,在pu ...
（SVN笔记）SVN服务端+SVN客户端Tortoise——安装配置
目录 1.前言 2.官网下载SVN服务端1.14.1 3.安装SVN服务端Server 4.官网下载SVN客户端Tortoise4.3.4 5.安装Tortoise 6.验证Tortoise安装 7. ...

移动端调试工具weinre的安装、使用与问题

移动端调试工具weinre的安装、使用与问题相关推荐

最新文章

热门文章