ipad浏览器安装java_在桌面浏览器中调试iphone、ipad等设备上的网页

今天Miller兄分享了一个很好的工具Weinre(WEb INspector REmote)，可以在一个webkit下远程调试另一个webkit里的网页，典型应用就是在桌面浏览器中调试iphone、ipad等设备上的网页。刚好之前小强有类似需求，这里就简单介绍下它的基本用法。

首先，去这里下载Weinre的最新版。这个目录有两个zip包，下载那个weinre-jar-x.x.x.zip就好了，解压得到weinre.jar，随便找个目录放。那个mac包可以忽略，它只是把jar打包成一个图标巨难看的app，还不如直接用jar方便。

然后打开终端，进到weinre目录，运行下列命令，以指定端口和要绑定的ip启动weinre服务(假设java环境变量已经配好)：

java -jar weinre.jar --httpPort 1070 --boundHost -all-

接着打开基于webkit的浏览器，输入http://your-ip:1070，应该会看到这样的画面：

被调试的网页需要跟weinre服务建立连接，需要页面引入target-script-min.js(上图红线标出)。根据实际情况，可以选择修改源代码加入script标签，或者通过收藏夹执行js动态插入。

接着，点击上图中第一个链接，打开weinre client，应该是这样的画面：

可以看到，上图中Targets为空。这是因为还没有页面连上weinre服务。在iPad上访问主机的一个页面试试(iPad必须和主机在同网段，且访问的页面已经加好了target script)。可以看到，Targets有内容了：

剩下的事情大家都知道：各个Tab对应各自不同功能，可以在主机上随意修改iPad网页上的dom、运行js、查看资源请求等等。用过webkit调试工具的同学肯定不会陌生。

先介绍到这里，希望对大家能有帮助，最后再贴两张截图(可以看到第二图的UA是iPad)：

ipad浏览器安装java_在桌面浏览器中调试iphone、ipad等设备上的网页相关推荐

PhotoSwipe简介-专为移动触摸设备设计的相册/画廊.兼容所有iPhone、iPad、黑莓6+,以及桌面浏览器.底层实现基于HTML/CSS/JavaScript,是一款免费开源的相册产品
官方介绍 PhotoSwipe 是专为移动触摸设备设计的相册/画廊.兼容所有iPhone.iPad.黑莓6+,以及桌面浏览器.底层实现基于HTML/CSS/JavaScript,是一款免费开源的相册产 ...
火狐浏览器安装Internet Download Manager浏览器插件方法
火狐浏览器安装Internet Download Manager浏览器插件方法第一步:打开 `IDM` 软件第二步:打开火狐浏览器并配置 `IDM` 插件首先,默认你已经安装并解压好 Inter ...
项目安装使用uuid_在uniapp中使用fingerprint2实现游客设备标识
前言: 这里的fingerprint不是uni-app的指纹模块,是一个使用javascript开发的设备指纹采集器,通过这个库可以定位正在使用的浏览器具备的特征唯一标识.如系统字体.屏幕分辨率.浏览 ...
通过Mac远程调试iPhone/iPad上的网页(转)
我们知道在 Mac/PC 上的浏览器都有 Web 检查器这类的工具(如最著名的 Firebug)对前端开发进行调试,而在 iPhone/iPad 由于限于屏幕的大小和触摸屏的使用习惯,直接对网页调试非 ...
在Windows上调试iPhone/iPad的safari浏览器
众所周知在安卓上面可以使用adb链接电脑,使用Chrome Inspect进行调试网页(QQ/微信的x5内核也可以),但是自从换了iPhone之后就没有这个乐趣了,所以我便开始摸索起来如果使用Chr ...
linux系统浏览器安装失败怎么办,360浏览器Linux版测试期已过并删除配置文件也不能安装使用的解决...
360浏览器Linux版是有测试期的,为三个月,如果你的试用期已过,但是无法正常使用,或者你已经删除了360浏览器配置文件,但还是不能使用,请按如下解决方法处理. 前言通常来说,从提示过期后你只要删 ...
容器安装java_在docker容器中安装Java（从宿主机向docker容器中拷贝文件）
操作系统 [root@Optimus /]# uname -a Linux Optimus 2.6.32-504.el6.x86_64 #1 SMP Wed Oct 15 04:27:16 UTC 2 ...
android chrome html,在桌面chrome中调试android设备中的web页面
准备工作 1, 桌面版chrome 2, Android设备(安装有chrome浏览器) 3, Android-sdk Android-sdk安装及设置 SKD安装从http://developer ...
Xcode中捕获iphone/ipad/ipod手机摄像头的实时视频数据
目的:打开.关闭前置摄像头,绘制图像,并获取摄像头的二进制数据. 需要的库 AVFoundation.framework .CoreVideo.framework .CoreMedia.framewo ...

ipad浏览器安装java_在桌面浏览器中调试iphone、ipad等设备上的网页

ipad浏览器安装java_在桌面浏览器中调试iphone、ipad等设备上的网页相关推荐

最新文章

热门文章