Weinre

Chrome中调试移动端网页并不科学,因为国内大多数用户使用的是UC、百度、QQ,而这些浏览器通常使用的是WebView,或者自己改造的内核。

Weinre会在你本地创建一个监听服务器,并提供一个 JavaScript,你只需要在测试的页面中加载这段 JS,就可以被 Weinre 监听到,在 Inspect 面板中调试你这个页面即可。

npm install -g weinre

weinre --boundHost 192.168.1.161 --httpPort 1234

时间: 2024-08-24 01:09:23

Weinre的相关文章

ios的web调试利器--weinre

项目 http://people.apache.org/~pmuellr/weinre/docs/latest/Running.html 原理 1 使用nondejs建立一个服务器: 2 使用注入方式插入一个js到被调试web页面中.这个js会尽可能的拦截页面上的实现得到上层的数据,如ajax请求,但是像图片直接加载,之类是无法得到的.同时定时向服务器发心跳码,或是返回命令结果,这个见面称之被调试页: 3 有pc上打开服务器ip,会打开一个像firebug的界面,这个称之调试台页: 这样,被调试

webapp开发调试环境--weinre配置

用谷歌调试工具中的手机模拟器模拟手机进行webapp的开发,与真机上的效果还是有些偏差,opera手机模拟器的效果亦不佳.有时在pc上开发出来的webapp效果良好,在部分真机上就出现了偏差,这时候就须要我们进行微调. 在pc上微调后公布到測试环境再在手机上看效果,开发非常慢,效率非常低.这时候就想着有一个能够在手机上调试的工具,能够随时更改參数随时看到手机上的效果,免去公布再測试.模糊预计參数不精准的麻烦,weinre就是一个这种工具. weinre能够在PC上远程调试手机上的页面,和pc浏览

weinre的使用

1.简介 weinre是一款非常好用的远程调试工具.功能与网页浏览器的开发者工具基本类似,但这个工具更适合用于移动端web的调试. 2.安装 weinre基于nodejs,因此首先要安装nodejs,然后使用npm进行安装: npm -g install weinre 3.运行 weinre --httpPort 8081 --boundHost -all- 主要参数解析: httpPort 调试服务器运行的端口,默认8080 boundHost 调试服务器绑定的IP地址或域名,默认localh

weinre 实时调试手机上的Web页面

H5页面,一般用谷歌浏览器的模拟器调试页面.但一旦个别机型有bug,在谷歌又显示不出来. 所以就得用weinre 这个工具来调试了. weinre工具强大功能:在有bug的机型打开页面,用这个工具,可以快速定位bug,并找出解决方法. 换句话说,当你用手机打开页面,电脑的鼠标放在代码上,手机能够显示出这个代码对应的哪个模块.可以实时修改样式. 开始: 首先,得在node.js   和 npm环境下才可以使用....没有的话可以百度下怎么安装.安装全局就可以. 其次: 1.npm -g insta

移动端挑调试工具weinre安装教程(java版)

先申明:本安装教程是基于java的jdk安装的,经过测试可以正常使用,基于nodejs的安装,小喵鼓弄了好几天也没有成功,如果哪位童鞋基于nodejs安装成功了,请联系小喵,小喵在这里先谢谢你了! 好了,不说废话了,主菜端上来了... 一.配置JAVA的环境变量 1.下载java的jdk,并安装,已共享了64位的jdk,直接点击安装即可 成功安装之后,进行测试是否真的成功安装,点击[开始]----[运行]----输入 CMD,在命令提示符里面输入“Java -version”并按回车键,出现下图

发现一款移动web端远程调试工具weinre , 哈哈!

之前调试一直用的是chrome的远程调试,虽然效果很不错,但是在调试cordova,微信时多有不便. 在git上找工具时发现了这个:weinre,使用方法非常简单 附上git地址: https://github.com/apache/cordova-weinre 废话不说,直接开始: 第一步:安装 命令: npm install  -g  weinre 如果安装失败,可以试试加上版本号安装:npm -g install [email protected] 第二步:运行 命令:weinre -bo

移动前端调式页面--weinre

一:远程调式工具---weinre 阅读目录 一:远程调式工具---weinre 二: 安装weinre 三: 访问weinre及在页面上调用 四:多用户 回到顶部 一:远程调式工具---weinre Weinre是什么? Weinre是Web Inspector Remote的缩写(远程web检查器),它的作用就是相当于chrome的审查元素一样,界面和用法也基本一样,无非不同的是:weinre适合在移动端页面调式,比如手机访问页面的时候,我们可以使用chrome浏览器查看页面的html元素和

使用weinre远程调试网页

1 下载nodejs并解压至 nodejsproject/ http://nodejs.org/download/ 2 安装weinre     ./nodejsprojectbin/bin/npm install weinre       #使用nodejs提供的npm 否则会出错 3 启动weinre    ./nodejsproject/node_modules/weinre [someoption]        options:        --httpPort     port t

非常实用的mobile web application远程调试工具 weinre

在移动web应用中,由于没有类似chrome和firebug的调试工具,调试起来比在PC上相对麻烦一些,有时候只能反复进行修改比对,但使用weinre我们可以轻松做到远程调试的功能. 什么是weinre? 官方解释: we是指web,in是指inspector,re是指remote,合起来就是weinre. http://people.apache.org/~pmuellr/weinre/ 如何安装? weinre基于node,使用npm快速安装: npm install weinre 使用 使

weinre targets none 的问题

安装了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