技术分享 | Web 控件定位与常见操作

Selenium 自带 id 定位，可以通过元素的 id 属性进行定位，比如下面的代码：

• Python 版本

driver.find_element_by_id('kw')

• Java 版本

driver.findElement(By.id("kw"));

Selenium 自带 name 定位，可以通过元素的 name 属性进行定位，比如下面的代码：

• Python 版本

driver.find_element_by_name('wd')

• Java 版本

driver.findElement(By.name("wd"));

Selenium 常见操作有：

• 输入、点击、清除

• 关闭窗口、浏览器

• 获取元素属性

• 获取网页源代码、刷新页面

• 设置窗口大小

输入、点击、清除在 Selenium 中对应的方法分别是 send_keys、click、clear

• Python 版本

from selenium import webdriver

driver = webdriver.Chrome()
driver.get('http"//www.baidu.com')
driver.find_element_by_name('wd').send_keys('霍格沃兹测试学院')
driver.find_element_by_id('su').click()
driver.find_element_by_name('wd').clear()

• Java 版本

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;

public class AiceTest {
    public static void main(String[] args) {

        WebDriver driver = new ChromeDriver();
        driver.get("http://www.baidu.com");
        driver.findElement(By.id("kw")).sendKeys("霍格沃兹测试学院");
        driver.findElement(By.id("su")).click();
        driver.findElement(By.name("wd")).clear();
        try {
            Thread.sleep(2000);
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
        String title = driver.getTitle();
        System.out.println(title);
        driver.close();
    }
}

关闭当前句柄窗口（不关闭进程）close()，关闭整个浏览器进程 quit()

• Python 版本

#导入对应的依赖
from selenium import webdriver
#初始化webdriver
driver = webdriver.Chrome()
#访问网站
driver.get('http"//www.baidu.com')
#关闭当前窗口
driver.close()
#关闭浏览器
driver.quit()

• Java 版本

//导入对应的依赖
import org.openqa.selenium.WebDriver;
//初始化webdriver
WebDriver driver = new ChromeDriver();
//访问网站
driver.get("http://www.baidu.com");
//关闭当前窗口
driver.close();
//关闭浏览器
driver.quit();

获取元素标签上的属性 get_attribute(‘value’)，元素的坐标 location，元素的大小 size

• Python 版本

import logging
from selenium import webdriver

def test_baidu():
    driver = webdriver.Chrome()
    driver.get('https://www.baidu.com')
    search = driver.find_element_by_id('su')
    logging.basicConfig(level=logging.INFO)
    logging.info(search.get_attribute('value'))
    #获取search的value属性值并打印
    logging.info(search.get_attribute('value'))
    #打印search的位置坐标
    logging.info(search.location)
    #打印search的元素大小
    logging.info(search.size)

输出结果为：

INFO:root:百度一下
INFO:root:百度一下
INFO:root:{'x': 844, 'y': 188}
INFO:root:{'height': 44, 'width': 108}

• Java 版本

@Test
    void baiduTest(){
        webDriver = new ChromeDriver();
        webDriver.get("https://www.baidu.com/");
        WebElement search = webDriver.findElement(By.id("su"));
        //获取search的value属性值并打印
        System.out.println(search.getAttribute("value"));
        //打印search的位置坐标
        System.out.println(search.getLocation());
        //打印search的元素大小
        System.out.println(search.getSize());
    }

输出结果为：

百度一下
(902, 188)
(108, 44)

• Python 版本

网页源代码 page_source，刷新页面 refresh()

import logging
from selenium import webdriver

driver = webdriver.Chrome()
driver.get('http"//www.baidu.com')
#刷新页面
driver.refresh()
logging.basicConfig(level=logging.INFO)
#打印当前页面的源代码
logging.info(driver.page_source)

• Java 版本

WebDriver webDriver = new ChromeDriver();
webDriver.get("https://www.baidu.com/");
//刷新页面
webDriver.navigate().refresh();
System.out.println(webDriver.getPageSource());

设置窗口大小主要有最小化、最大化和自定义设置窗口具体的大小。

• Python版本

from selenium import webdriver

driver = webdriver.Chrome()
driver.get('http"//www.baidu.com')
#最小化窗口
driver.minimize_window()
#最大化窗口
driver.maximize_window()
#将浏览器设置为1000*1000的大小
driver.set_window_size(1000, 1000)

• Java版本

import org.openqa.selenium.Dimension;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;

import static java.lang.Thread.sleep;

public class AiceTest {
    public static void main(String[] args) throws InterruptedException {
        WebDriver driver = new ChromeDriver();
        driver.get("http://www.baidu.com");
        //设置窗口最大化
        driver.manage().window().maximize();
        //浏览器的设定大小
        sleep(2000);
        Dimension dimension = new Dimension(800, 600);
        driver.manage().window().setSize(dimension);
        sleep(2000);
        //浏览器全屏
        driver.manage().window().fullscreen();
        sleep(2000);
        driver.close();

    }
}

大家是不是对web控件的定位有了进一步的了解了呀？来跟着示例一起练习起来吧~