安装weinre在PC端调试移动端

Weinre是什么? Weinre代表Web Inspector Remote,是一种远程调试工具.举个例子,在电脑上可以即时的更改手机上对应网页的页面元素.样式表, 或是查看Javascript变量,同时还可以看到手机上页面的错误和警告信息. Weinre作为一种远程调试工具,在结构上分为三层: 目标页面(target):被调试的页面,页面已嵌入weinre的远程js,下文会介绍: Debug客户端(client):本地的Web Inspector调试客户端: Debug服务端(agent):

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

怎样调试ionic开发的hybridApp web view 在一篇歪国人的博文中,偶然发现weinre这个词.然后就与他结下了不解之缘. weinre是什么 weinre是远程web调试器,可以调试web页面.如果你用过FF的FireBug和chrome的调试工具对它那会有熟悉的即视感.weinre也是Codova项目的一份子,所以用它来调试ionic开发的app最合适不过了. 如何安装weinre? 使用npm命令安装 1.这种方法需要你先安装好node,Windows的安装方法网上太多,自

本文将会介绍如何在真机上调试移动端的页面,和之前的<如何在电脑上测试手机网站>的不同之处在于真机环境. 本会介绍的方法如下: UC浏览器开发版 Chrome 远程调试 Firefox 远程调试 Opera 远程调试 Weinre UC浏览器开发版 感谢UC造出这么好用的浏览器,同时注重开发者,远好于国内其他厂商,UC浏览器有一个开发版非常赞. UC浏览器开发版网址 下载地址 UC开发版的网站上介绍的很清楚,也有很详细的文档,这里就不再赘述,简单记录下WIFI的调试方法,保证pc和手机在同一个网

查了很多资料,尝试了大部分方法,下面将这一天的努力总结下分享给大家,也让大家免去看那么多文章,以下介绍的方法,都是本人亲自测试成功的方法,测试环境winxp. 一.Chrome*浏览器 chrome模拟手机总共有四种方法,原理都一样,通过伪装User-Agent,将浏览器模拟成Android设备.以下标星的为推荐方法. 1.新建Chrome快捷方式 右击桌面上的Chrome浏览器图标,在弹出的右键菜单中选择"复制",复制一个图标副本到桌面.右击该副本,选择"属性",

查了很多资料,尝试了大部分方法,下面将这一天的努力总结下分享给大家,也让大家免去看那么多文章,以下介绍的方法,都是本人亲自测试成功的方法,测试环境winxp. 一.Chrome*浏览器 chrome模拟手机总共有四种方法,原理都一样,通过伪装User-Agent,将浏览器模拟成Android设备.以下标星的为推荐方法. 1.新建Chrome快捷方式 右击桌面上的Chrome浏览器图标,在弹出的右键菜单中选择"复制",复制一个图标副本到桌面.右击该副本,选择"属性",

移动端的页面我们要想调试最常用的应该属于是chrome的机型的模拟了,但是如果遇到一些只有在某种机型上面才能看到的bug的话就不好调试了. iphone端调试 首先苹果端是可以调试的,苹果模拟器和苹果浏览器是同一套系统,可以无缝对接调试,Xcode有苹果模拟器,打开模拟器,再打开safari浏览器找到开发下来就能找到这个页面的源码,前提是这个页面是web做的. 安卓端的调试 安卓也是可以的利用chrome,只是需要多点流程, 需要准备 1,pc安装最新chrome. 2,安卓手机(系统需要4.1

最近两年无线端的html页面很火,博主最近也做了几个手机项目.相信做过的人都会碰到调试这个棘手的问题.一是没有相应的设备,所以很多人使用虚拟机调试,二是没有较好的调试工具,没法实时得到调试信息.现在将我的一些调试经验总结一下: 本文介绍了无线端调试的四种方式,分别是: charles设置代理  fiddler设置代理 MTL 工具使用 weinre (查看dom元素,查看console.log输出的数据) (如果大家还有其它的调试方法,欢迎补充) 一.charles设置代理  charles 一

rem原理与简介: 依据html根元素大小定,px转rem动态调整根元素font-size大小: 1rem = 16px; html的字体大小就是可以默认为浏览器的字体大小: 移动端适配:方式一 媒体查询@media @media screen and (max-width:320px){ html{ font-size:20px; } } @media screen and (max-width:360px)and(min-width:321px){ html{ font-size:20px;