web自动化 -- js操作（滑动屏幕、修改页面）

2021-03-23 02:24

阅读：538

标签：doc img 操作方法 tps 浏览器技术页面滑动指定

一、selenium对 js 的操作方法

1、先定义 js 操作或者定义目标元素

2、执行 js 操作： driver.execute_script(js操作) 或者 driver.execute_script("js操作的固定写法"，目标元素)

技术图片

二、 js 操作可以在浏览器F12的 console 进行演示

技术图片

三、移动屏幕至目标元素

技术图片

from selenium import webdriver

driver = webdriver.Chrome()  # 定义 driver
driver.maximize_window()
driver.get(‘https://www.12306.cn/index/‘)

# 目标元素
ele = driver.find_element_by_xpath(‘//*[contains(text(),"铁路旅游")]‘)
# 这两种是固定写法
driver.execute_script("arguments[0].scrollIntoView()", ele)  # 滑动屏幕至目标元素，显示屏幕中间为止
driver.execute_script("arguments[0].scrollIntoView(false)", ele)  # 滑动屏幕至目标元素，显示屏幕最底部为止

四、移动屏幕固定像素

技术图片

# 定义 js 操作的内容
# 1、滑动屏幕操作
scroll_01 = "document.documentElement.scrollTop=800"  # 垂直滚动 px
scroll_02 = "document.documentElement.scrollLeft=1000"  # 水平滚动
scroll_03 = "window.scrollTo(100,500)"  # 滚动到指定坐标
scroll_04 = "window.scrollBy(0,100)"  # 滑动到相对坐标
scroll_05 = "window.scrollTo(0,document.body.scrollHeight)"  # 获取body的高度，滑到底部
scroll_06 = "window.scrollBy(0,100)"  # 获取body的高度，滑到顶部
width = "document.body.scrollWidth"  # 获取body宽度