H5混合应用之X5内核
一、X5内核介绍
X5内核是腾讯公司基于优秀开源 webkit 深度优化的浏览器渲染引擎,并且在2014年正式宣布开放给app开发者,所以现在可以在很多app上看到都是使用的X5内核实现Hybrid混合应用,包括微信、手机QQ、京东、新浪新闻、搜狐视频等等,包括现在炙手可热的微信小程序都是X5内核,之前都是使用google的webview,这里可以把X5内核理解为腾讯版本的webview。
注意:由于 genymotion 模拟器是X86架构的,很多app安装不了,比如微信、QQ等(虽然说可以通过安装arm解释器来解决该问题,但是进行X5内核调试的话也会出现问题),建议使用真机来做。
X5内核应用自动化的方式和 google webview 有非常多的差异,因为这里需要开启X5的debug调试模式。
二、开启X5的调试模式
微信版本在7.0以下,需要在聊天窗口输入:
http://debugx5.qq.com
针对微信版本在7.0+,微信有对H5开关做了调整,需要在聊天窗口输入如下:
http://debugmm.qq.com/?forcex5=true (优先使用,无效时使用方法二)
http://debugx5.qq.com
点击“确定”后即可生效
三、微信小程序入口
微信在新版中对小程序调试入口加上了限制:在微信主窗口下来打开小程序,利用工具是检测不到小程序对应的url入口的,解决方案:
- 在 微信->发现->搜一搜 中搜索小程序,即可发现在inspect工具中可以将对应 url 显示出来
- 注意:如果右上角关闭了小程序之后,一定要记得从后台清理下对应的小程序进程(关闭之后小程序还在后台运行),再次点击重启小程序
四、更新 chromedriver 版本
启动appium时,需要指定chromedriver.exe的目录,使用appium默认目录下的会报错,在切换到小程序webview时,会去匹配chrome内核所应对chromedriver驱动的版本。在切换完成之后,打印所有的窗口时,会使用x5内核的版本,所以指定一个非默认目录下面的chromedriver.exe(X5内核对应的版本),此问题就不会出现 。
desired_caps["chromedriverExecutableDir"] =r'G:\\ChromeDrivers'
上面的启动参数稳定性稍差,建议使用如下启动会话配置:
desired_caps['chromedriverExecutable'] = r'G:\ChromeVersionManagement\chromedriver66\chromedriver.exe'
五、找到web页面所属进程
微信/QQ有很多进程,我们要确定当前web页面是位于哪个进程中,使用adb命令:
- adb shell dumpsys activity top | findstr ACTIVITY
- adb shell ps 进程号
由此我们可以确认当前微信的页面运行在 com.tencent.mm:tools 中
六、配置启动会话参数
1.增加X5内核应用自动化配置
desired_caps["recreateChromeDriverSessions"] = True
2.定制化启动webview
使用ChromeOptions来定制启动选项,因为在appium中切换context识别webview的时候,把com.tencent.mm:tools的webview识别成了com.tencent.mm的webview,因此为了避免这个问题,加上androidProcess: com.tencent.mm:tools
desired_caps["chromeOptions"] = {"androidProcess":"com.tencent.mm:tools"}
七、web窗口切换
在第五步和第三步来看,进程不像前面普通的Hybrid混合应用的webview只有一个,这里每次会生成很多个webview,但是真正匹配的只有一个,这里进行窗口切换的时候就需要用到循环遍历的操作:
print("=================进入web自动化环节===============================")
#打印当前所有的窗口
hs = driver.window_handles
print("当前所有的窗口为:", hs)
# print("当前所在的窗口为:",driver.current_window_handle)
# 小程序的页面切换:需要遍历所有的handles,切换到元素所在的handle
for handle in hs:
driver.switch_to.window(handle)
print("切换到窗口:",handle)
time.sleep(3)
#print(driver.page_source)
if driver.page_source.find("Python") != -1:
break
H5混合应用之X5内核的更多相关文章
- android 腾讯x5内核 浏览器
1.浏览器内核: 主流浏览器内核介绍(前端开发值得了解的浏览器内核历史) 浏览器内核历史介绍: 在android 4.4之前,浏览器用的还是webkit 在android 4.4之后,google就抛 ...
- QQ浏览器X5内核问题汇总
原文:http://itindex.net/detail/53391-qq-浏览器-x5 常常被人问及微信中使用的X5内核的问题,其实我也不是很清楚,只知道它是基于android 4.2的webkit ...
- 转{QQ浏览器X5内核问题汇总}
转自https://www.qianduan.net/qqliu-lan-qi-x5nei-he-wen-ti-hui-zong/ 常常被人问及微信中使用的X5内核的问题,其实我也不是很清楚,只知道它 ...
- 微信、QQ浏览器X5内核问题汇总
一. 资料汇总 1.前端H5调起QQ浏览器的总结:http://km.oa.com/group/22486/articles/show/210189?kmref=search 2.Android We ...
- H5+混合移动app应用开发——开篇
前言 经过2个多月的艰苦奋斗,app的第一个版本已经快完工了,期间遇到了太多的坑,作为一个喜欢分享的人,我当然不会吝啬分享这爬坑历程.不要问我有多坑,我会告诉你很多,很多..... 过去一直从事.ne ...
- X5内核浏览器,video兼容
使用vue-video-player在移动端微信内置浏览器打开,点击视频自动全屏问题. 参考官方 API 是 H5 同层浏览器的原因,可通过设置video属性来处理. <video-player ...
- H5+混合移动app
H5+混合移动app 前言 经过2个多月的艰苦奋斗,app的第一个版本已经快完工了,期间遇到了太多的坑,作为一个喜欢分享的人,我当然不会吝啬分享这爬坑历程.不要问我有多坑,我会告诉你很多,很多.... ...
- Chrome DevTools调试微信X5内核页面
起因:公司最近在做一个双十一的H5宣传页面,大概需求就是模拟微信视频来电,接通视频后弹出某某明星的视频巴拉巴拉@#%!!!~.看到需求我的第一反应是So easy,正当我码代码码的开心的时候,难题他来 ...
- X5内核浏览器video自动全屏解决办法-canvas
最近在做手机端上面播放视频的项目,但是在安卓上面,video的播放是脱离页面,置于最顶层的,所以带来了很多问题,为了解决这个问题,查看了多方资料,写了下面简单的demo,方便以后使用. 下面就是运用c ...
随机推荐
- docker Dockerfile里使用的命令说明
一,dockerfile格式 注释# 指令 参数 指令不区分大小写,但是推荐全部大写指令. 指令从上到下顺序被执行 第一个指令必须是[FROM],指示出要使用的基础镜像. 执行docker file时 ...
- Nginx + FastCGI + Django在windows上部署及nginx常用命令
一般应用都是部署在linux系统上,不会在windows上部署,emmm..所以有兴趣的就瞧瞧吧哈哈 nginx工作原理: nginx用于处理静态文件,动态部分经由fastcgi .scgi或uWSG ...
- python 导入同级目录文件时报错
当你import的时候,python解释器只会在sys.path这个变量(一个list,你可以print出来看)里面的路径中找可能匹配的package或module. 而一个package跟一个普通文 ...
- DBCC TRACEON - 跟踪标志 (Transact-SQL)
跟踪标志用于设置特定服务器特征或更改特定行为. 例如,跟踪标志 3226 是一种常用的启动跟踪标志,可取消显示错误日志中的成功备份消息. 跟踪标志经常用于诊断性能问题或调试存储过程或复杂的计算机系统, ...
- 利用Python进行数据分析-Pandas(第四部分-数据清洗和准备)
在数据分析和建模的过程中,相当多的时间要用在数据准备上:加载.清理.转换以及重塑上.这些工作会占到分析时间的80%或更多.有时,存储在文件和数据库中的数据的格式不适合某个特定的任务.研究者都选择使用编 ...
- SQL查询语法30例
学好SQL查询:无他,概手熟耳. 1. 基础表: 学生表: 老师表: 课程表: 成绩表: 2. 题目: 1.查询名字中含有"华"字的学生信息 select * from 学生 wh ...
- JavaScript定时器方法
一.setTimeout() 延迟性操作 window.setTimeout(function(){ console.log('派大星');//延迟了4秒 },4000); console.log(' ...
- 多线程十 Timer
定时/计算在java中主要使用的是Timer对象,他的内部依然是采用多线程方式进行处理 它有四个构造方法 方法名 作用 Timer() 空参 Timer(String name) 指定名字 Timer ...
- Java题库——Chapter8 对象和类
1)________ represents an entity(实体) in the real world that can be distinctly identified. 1) _______ ...
- 【nodejs原理&源码赏析(5)】net模块与通讯的实现
目录 一. net模块简介 二. Client-Server的通讯 2.1 server的建立 2.2 Socket的建立 三. IPC通讯 四. 撸一个简易的cluster通讯模型 示例代码托管在: ...