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

一、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宽度

五、修改页面元素

修改的第一波 

修改第二波

查询

原文地址:https://www.cnblogs.com/mua9102/p/12348262.html

时间: 2024-08-03 13:37:35

web自动化 -- js操作(滑动屏幕、修改页面)的相关文章

Android 中利用ViewFlipper 滑动屏幕切换页面,ListView展示数据

首先新建一个Android项目,命名为ViewFlipperTest 如图:项目机构,本项目主要操作图中红色箭头标注的文件 1.HgroupAdapter.java文件代码↓主要实现listview数据适配器的定义 1 package com.hll.ViewFlipperTest; 2 3 import java.util.List; 4 5 import android.content.Context; 6 import android.view.LayoutInflater; 7 impo

vue写的页面,页面a有筛选条件,跳转到其它页面,再跳转回A的时候,只有跳转修改页面modify的情况不清空筛选条件的实现方法

使用localStorage,进入修改页面,设置localstorage,跳转回筛选页面时,监听route,判定设置localStorage是否是具体的值,如果是,不清空筛选条件,否则清空,最后把删除设置的localstorage. 具体操作如下: 修改页面是modify.vue created () { const sign = 'modify' localStorage.setItem('signs', sign) } 筛选页面是a.vue '$route': function (to) {

Web自动化遇到shadowDOM节点操作

近期有同学在做web自动化的时候,发现页面上有些元素,在selenium中无法通过xpath来定位,各种原因找了半天,都没找到解决方案. 最后发现元素在一个叫做shadow-root的节点下面. 如下所示: 问题:shadow-root是什么?为什么下面的节点在selenium无法通过xapth来定位? 接下来我们来先了解一下shawod-root到到底是什么! 一shadowDOM介绍 上面所看到的shadow-root标签其实就是一个shadowDOM,那么什么是shadowDOM呢? 它是

分析js操作动态获取屏高并触发按钮点击事件回到页面窗口的顶部

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>回到顶部</title> <style> .d1{ width:100%; height:5000px; } #btn{ width:100px; height:40px; position:fixed; right:0; bottom:0; dis

【Selenium02篇】python+selenium实现Web自动化:鼠标操作和键盘操作!

一.前言 最近问我自动化的人确实有点多,个人突发奇想:想从0开始讲解python+selenium实现Web自动化测试,请关注博客持续更新! 这是python+selenium实现Web自动化第二篇博文 二.Selenium第一篇博文地址: [Selenium01篇]python+selenium实现Web自动化:搭建环境,Selenium原理,定位元素以及浏览器常规操作! 三.Selenium之鼠标操作和键盘操作 1.鼠标事件 在webdriver中,鼠标操作的方法封装在 ActionChai

js操作select控件大全(包含新增、修改、删除、选中、清空、判断存在等)

原文:js操作select控件大全(包含新增.修改.删除.选中.清空.判断存在等) js操作select控件大全(包含新增.修改.删除.选中.清空.判断存在等) js 代码// 1.判断select选项中 是否存在Value="paraValue"的Item        function jsSelectIsExitItem(objSelect, objItemValue) {            var isExit = false;            for (var i

php开发之js修改页面css样式

在我以前的印象里,页面的字体属性,背景,等样式在页面加载后基本上都是固定的了,但是今天看到可以通过js修改页面的样式,觉得有必要和大家分享下. test.html <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equi

移动应用滑动屏幕方向判断解决方案,JS判断手势方向

问题分类 滑动屏幕打开相应功能操作. 问题描述 1.用户手动滑动屏幕,根据滑动的方向,打开相应的功能(如:向上滑摇钱树经验明细,向下滑打开任务明细,向左滑打开聚宝盆物品查看等功能),滑动事件捕获问题. 2.大家都知道,划动都有角度问题,如:向330度方向滑动手机,要计算出它的方向问题. 3.HTML5提供的滑动事件,只能读取到起点和终点坐标,计算角度问题. 4.手机屏幕坐标与标准坐标系转换问题. 解决方案 1.滑动屏幕事件使用HTML5 的touchstart滑动开始事件和touchend滑动结

selenium 常见操作,js操作-将元素滚动到页面可见区域

我们在自动化测试中,会遇到需要把浏览器页面的元素移动到可见区域,就需要使用页面向上或者向下滚动 js操作-滚动条:使用: selenium 当中使用 execute_script   (译:埃克斯Q特.思怪泼特) 方法 执行 js 语句: 页面元素滚动到可见区域常用的操作: 1.移动到元素element对象的“底端”与当前窗口的“底部”对齐: driver.execute_script("arguments[0].scrollIntoView(false);",element) 2.移