澳门在线威尼斯官方 > 威尼斯澳门在线 > 威尼斯澳门在线App调试方法参考,调试环境

原标题:威尼斯澳门在线App调试方法参考,调试环境

浏览次数:62 时间:2019-11-24

监听Chrome

因为 Charles 只会监听全局和Firefox,为了能监听Chrome,使用Proxy SwitchyOmega插件,增添多个情景方式:

威尼斯澳门在线 1

在此个情景情势下,我们就可以抓到在Chrome里的多寡了:

威尼斯澳门在线 2

瞩目:查尔斯暗中认可是不扶植https的,大家选取 设置Proxy SettingsSSL ,选中 Enable SSL Proxying 。然后在 Locations 里填写要抓包的域名和端口,点击 AddHost填写域名,如 www.baidu.com ,port443 。具体参考最终的文章。

weinre

威尼斯澳门在线 3

特点
适用范围广,在调解页面中加载weinre提供的二个js脚本,就可以在weinre inspect面板中开展调节和测量检验。
安装步骤如下(npm安装格局卡塔尔国:
安装 npm install -g weinre

启动 weinre --boundHost -all-
,暗许端口是8080,可增加配置--httpPort 8888
转移端口为8888
安插脚本 访谈http://localhost:8080
,将target script参加到调节和测量试验页面中

详见布置及别的安装形式可参见官方文书档案
适用范围
相仿在支付进度中进行调整,不协助USB调节和测验的真机设备可用该措施,官方注明可调节和测量检验的约束如下:
Android 2.2 Browser application
Android 2.2 w/PhoneGap 0.9.2
iOS 4.2.x Mobile Safari application
BlackBerry v6.x simulator
webOS 2.x (unspecified version)

weinre相关套件
MIHTool
MIHTool是weinre的app集成版本,独有iOS版本可供安装,例举多少个特点:
自行注入weinre所需脚本
援救webview js bridge api的模拟(借使app端尚未成功开拓卡塔 尔(英语:State of Qatar)
支撑在调节台直接require各类包方便调试、ipad端协理
ipad端还援救在道具中呈现近似chrome的开垦者工具

与第4点形似提供设备中的开垦者工具显示,还会有eruda,能够访问http://liriliri.github.io/eruda/查看效果。

安装监听端口

Proxy SettingsHTTP ProxyProxiesHTTP Proxy 中设置

GapDebug

威尼斯澳门在线 4

特点

跨平台,应用是个web页面,同时并入了Safari和Chrome的调整工具,可运营在windows和mac平台上

重视少,只需叁个Chrome就能够动用Safari和Chrome的调养工具
集合保管,在同个分界面展现了iOS设备和Android设备及其调节和测验页
风姿洒脱对实用小功效,如截屏、设备调整、app安装等

适用范围
iOS设备和4.4之上版本Android设备(及其模拟器卡塔尔国上的webview和网页。

参考

  • 浅谈Hybrid才干的安插与得以实现
  • 挪动前端调节和测量检验页面–weinre
  • Mac下HTTP/HTTPS抓包工具查理
  • 前端开荒调节和测验线上代码的四款工具
  • 在 iOS 模拟器中调治将养 Web 页面

    3 赞 2 收藏 4 评论

代理

以上提到移动端设备(包涵模拟器卡塔尔的调解形式均可协作代理一起使用,在活动端设备中布置http/https代理,将线上能源代理到本地,使改换即时生效并拜谒效果。
常用的代办工具首要有fiddle和charles,代理工科具上提供的机能超级多,但调节和测量检验进程中的张开药方式经常有以下二种:
直白设置设备的代理服务器为本机,截获央浼查询数据,排查十分音信,归属难题一定阶段
除此之外设置代理服务器,另外配置部分能源的代办路径为地点财富,实时查看代码运市价况,归于难题消除阶段, 平常支付进度也可用该办法代理线上能源开展调解

Charles / Fiddler

幸好有Charles那样的工具(Windows下请使用Fiddler),Charles会在该地开启八个代理服务,暗中同意接口8888。通过那一个代理,模拟器上的乞请会被转换成计算机上,大家能够随心所欲地去替换需要文件让我们更为有益于地调节和测量检验页面。

模拟器

当前常用的为genymotion,基于virtualbox内核,所以率先必要安装virtualbox。genymotion对virtualbox运行的模拟器作了一密密层层优化职业,比方ROM下载、移动器械模拟命令菜单(譬喻旋屏、开启录制头卡塔 尔(英语:State of Qatar)等。 其它还也会有Parallels可供接纳,也能下载android ROM进行设置。
iOS+safari

特点
动用pc端的safari调节和测量试验iOS设备中的网页,可进展真机远程调节和测验,也可调节和测量试验模拟器。
适用范围
调弄收拾iOS设备(包涵模拟器卡塔 尔(阿拉伯语:قطر‎上的webview及safari中的网页。

比如调节和测验safari,直接张开模拟器,使用pc中的safari就可识别到调节和测量检验网页,而调节和测量试验webview,则须要设置debug包(由于是运维在pc上,需x86打包卡塔 尔(英语:State of Qatar)。
大约步骤如下:
设置xcode命令行工具 xcode-select --install

开创模拟器 xcrun simctl create "demo"

开头模拟器 xcrun instruments -w 'demo'

安装app xcrun simctl install booted /path/to/Your.app

构建最笑容可掬的 webview 调节和测量试验景况

2015/11/11 · CSS · 4 评论

正文小编: 伯乐在线 - risker 。未经笔者许可,制止转发!
迎接参加伯乐在线 专栏审核人。

你在做运动web开垦的时候是否只是在Chrome下展开移动格局,然后就交配闷头敲代码了?假使您平日只是做做宣传页,Chrome的移位形式恐怕就会满意你。可是以后更进一层多的行使使用Hybrid的开垦方式,那样的话就大概在web页面上调用webview注入的函数,那么,那一个页面在Chrome上只会报错,因为大家不在webview里,根本未曾流入的这多少个函数。

以自己今后做的品类为例,要在页面里判别在客户端有未有记名,能够这么写:

JavaScript

var isLogin = AndroidWebview.hasLogin() ;

1
2
var isLogin = AndroidWebview.hasLogin() ;
 

结果一言以蔽之,AndroidWebview是顾客端在webview里注入的方法,这里当然会报错了。

威尼斯澳门在线 5

H5调节和测验平淡无奇方式

相较于pc端,移动端调节和测量试验要进一层丰盛一些,下面前碰着调试的措施开展简要汇总。
重在分为以下几点:

chrome developer tools
android+chrome inspect
iOS+safari
GapDebug
weinre
weinre相关套件
代理

本文由澳门在线威尼斯官方发布于威尼斯澳门在线,转载请注明出处:威尼斯澳门在线App调试方法参考,调试环境

关键词:

上一篇:改变CSS世界纵横规则的writing

下一篇:没有了