5.Appium的pc端实现手机端页面

Posted 智、心

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了5.Appium的pc端实现手机端页面相关的知识,希望对你有一定的参考价值。

1、点击谷歌检查控制台的一个类似手机的按钮,变成手机端页面

二、在pc端模拟手机屏幕ui

1、首先在pc页面使用的ui自动化是selenium的webdriver,而手机app是appuim的webdriver

2、手机app模式下的User-Agent已变成:User-Agent: Mozilla/5.0 (iPhone; CPU iPhone OS 13_2_3 like Mac OS X) AppleWebKit/605.1.15 (Khtml, like Gecko) Version/13.0.3 Mobile/15E148 Safari/604.1

3、因此需要添加配置编程手机端形式

三、添加配置

1、添加配置项,浏览器的UA信息为手机端信息


chrome_option = webdriver.ChromeOptions()
chrome_option.add_experimental_option(
    "mobileEmulation",#移动端
    {"deviceName":"iPhone X"}#移动端的配置
)
print(chrome_option.to_capabilities())#需要转换

2、
#webdriver.Chrome(),第一个参数如果没有配置chromedriver环境变量可填他所在的路径
driver = webdriver.Chrome(desired_capabilities=chrome_option.to_capabilities())

四、如下例子,注:pc端和手机端的标签属性是不一致的

from selenium import webdriver
#添加配置项,浏览器的UA信息为手机端信息
chrome_option = webdriver.ChromeOptions()
chrome_option.add_experimental_option(
    "mobileEmulation",#移动端
    {"deviceName":"iPhone X"}#移动端的配置
)
print(chrome_option.to_capabilities())#需要转换
#webdriver.Chrome(),第一个参数如果没有配置chromedriver环境变量可填他所在的路径
driver = webdriver.Chrome(desired_capabilities=chrome_option.to_capabilities())
driver.get("https://www.baidu.com/")
#输入框,手机端的标签属性与pc端的不一致
driver.find_element_by_id("index-kw").send_keys("python\\n")#\\n是回车
content = driver.find_element_by_css_selector(\'.circle-sample>div:nth-child(1)\').text
print(content)
print(True) if \'Python\' in content else print(False)
driver.quit()

以上是关于5.Appium的pc端实现手机端页面的主要内容,如果未能解决你的问题,请参考以下文章

通过代码实现自动判断是手机端还是PC端跳转

pc页面自动缩放到手机端

控制pc端和手机端显示不同的页面

vuecli3 实现 移动端和pc端 界面切换(两套代码)

rem布局可以用来做pc端页面布局吗

VUE 判断电脑还是手机设备 pc端自适应 移动端rem布局