最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
当前位置: 首页 - 科技 - 知识百科 - 正文

seleniumwebdriver(2)-页面对象定位_html/css

来源:懂视网 责编:小采 时间:2020-11-27 16:00:44
文档

seleniumwebdriver(2)-页面对象定位_html/css

seleniumwebdriver(2)-页面对象定位_html/css_WEB-ITnose:webdriver的元素定位很灵活,提供了多种定位方式: Id LinkText PartialLinkText Name TagName Xpath ClassName CssSelector 这些方法可以在org.openqa.selenium.By中找到,下面一一道来; 假如有这样的需求:登录安居客网站,搜索陆家嘴附近的二手
推荐度:
导读seleniumwebdriver(2)-页面对象定位_html/css_WEB-ITnose:webdriver的元素定位很灵活,提供了多种定位方式: Id LinkText PartialLinkText Name TagName Xpath ClassName CssSelector 这些方法可以在org.openqa.selenium.By中找到,下面一一道来; 假如有这样的需求:登录安居客网站,搜索陆家嘴附近的二手

webdriver的元素定位很灵活,提供了多种定位方式:

Id

LinkText

PartialLinkText

Name

TagName

Xpath

ClassName

CssSelector

这些方法可以在org.openqa.selenium.By中找到,下面一一道来;

假如有这样的需求:登录安居客网站,搜索陆家嘴附近的二手房源,网页是这样的

这个需求涉及到一个输入框和一个提交按钮,先查看网页源码

在输入框中输入“陆家嘴”然后点击“二手房”按钮,如果能跳转到陆家嘴相关页面就完成了这个需求,我们尝试用webdriver提供的元素定位方法来解决

Id

id是唯一标识,通过id来定位是非常快速和准确的

import org.openqa.selenium.By;import org.openqa.selenium.WebDriver; import org.openqa.selenium.chrome.ChromeDriver; import org.openqa.selenium.WebElement; public class NewTest { public static void main(String[] args) { System.setProperty("webdriver.chrome.driver", "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chromedriver.exe"); WebDriver driver = new ChromeDriver(); driver.get("http://anjuke.com"); //id WebElement text=driver.findElement(By.id("glb_search0")); text.sendKeys("陆家嘴"); WebElement button=driver.findElement(By.id("btnSubmit")); button.click(); if(driver.getTitle().contains("陆家嘴")) System.out.print("搜索成功,当前页面为"+driver.getTitle()); else System.out.print("搜索失败,当前页面为"+driver.getTitle()); driver.quit(); } }

Name

提交表单时可以通过name属性获取数据,较id来说并不常用,有id属性时建议优先使用id属性,上面的源码中text输入框是有name属性的,button依然用id来获取(当然,如果测试需要的话可以修改源码,没有修改源码权限的自动化测试是很难进行的)。

import org.openqa.selenium.By;import org.openqa.selenium.WebDriver; import org.openqa.selenium.chrome.ChromeDriver; import org.openqa.selenium.WebElement; public class NewTest { public static void main(String[] args) { System.setProperty("webdriver.chrome.driver", "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chromedriver.exe"); WebDriver driver = new ChromeDriver(); driver.get("http://anjuke.com"); //name WebElement text=driver.findElement(By.name("kw")); text.sendKeys("陆家嘴"); WebElement button=driver.findElement(By.id("btnSubmit")); button.click(); if(driver.getTitle().contains("陆家嘴")) System.out.print("搜索成功,当前页面为"+driver.getTitle()); else System.out.print("搜索失败,当前页面为"+driver.getTitle()); driver.quit(); } }

TagName

tagname一般用来获取批量数据,如统计页面链接数,输入框数量等等,用tagname来定位单一元素有点麻烦

import java.util.List;import org.openqa.selenium.By;import org.openqa.selenium.WebDriver; import org.openqa.selenium.chrome.ChromeDriver; import org.openqa.selenium.WebElement; public class NewTest { public static void main(String[] args) { System.setProperty("webdriver.chrome.driver", "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chromedriver.exe"); WebDriver driver = new ChromeDriver(); driver.get("http://anjuke.com"); List inputs=driver.findElements(By.tagName("input")); for(int index=0;index

ClassName

当标签具有class属性时也可使用classname来定位,不过要注意class的值不是唯一的findElement方法返回匹配到的第一个元素

import org.openqa.selenium.By;import org.openqa.selenium.WebDriver; import org.openqa.selenium.chrome.ChromeDriver; import org.openqa.selenium.WebElement; public class NewTest { public static void main(String[] args) { System.setProperty("webdriver.chrome.driver", "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chromedriver.exe"); WebDriver driver = new ChromeDriver(); driver.get("http://anjuke.com"); //classname WebElement text=driver.findElement(By.className("kw")); text.sendKeys("陆家嘴"); WebElement button=driver.findElement(By.className("btn")); button.click(); if(driver.getTitle().contains("陆家嘴")) System.out.print("搜索成功,当前页面为"+driver.getTitle()); else System.out.print("搜索失败,当前页面为"+driver.getTitle()); driver.quit(); } }

Xpath

xpath相关教程可以参考w3school上的教程,为了程序的统一性,平时工作中我都是使用xpath来定位元素的

import org.openqa.selenium.By;import org.openqa.selenium.WebDriver; import org.openqa.selenium.chrome.ChromeDriver; import org.openqa.selenium.WebElement; public class NewTest { public static void main(String[] args) { System.setProperty("webdriver.chrome.driver", "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chromedriver.exe"); WebDriver driver = new ChromeDriver(); driver.get("http://anjuke.com"); //xpath WebElement text=driver.findElement(By.xpath("//input[@id='glb_search0']")); text.sendKeys("陆家嘴"); WebElement button=driver.findElement(By.xpath("//input[@id='btnSubmit']")); button.click(); if(driver.getTitle().contains("陆家嘴")) System.out.print("搜索成功,当前页面为"+driver.getTitle()); else System.out.print("搜索失败,当前页面为"+driver.getTitle()); driver.quit(); } }

CssSelector

CssSelector教程可以参考css3-selectors,CssSelector和xpath应该是实际工作中用的最多的定位方法了,两者没有优劣之分,看个人喜好吧。

import org.openqa.selenium.By;import org.openqa.selenium.WebDriver; import org.openqa.selenium.chrome.ChromeDriver; import org.openqa.selenium.WebElement; public class NewTest { public static void main(String[] args) { System.setProperty("webdriver.chrome.driver", "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chromedriver.exe"); WebDriver driver = new ChromeDriver(); driver.get("http://anjuke.com"); //cssSelector WebElement text=driver.findElement(By.cssSelector("input[id='glb_search0']")); text.sendKeys("陆家嘴"); WebElement button=driver.findElement(By.cssSelector("input[id='btnSubmit']")); button.click(); if(driver.getTitle().contains("陆家嘴")) System.out.print("搜索成功,当前页面为"+driver.getTitle()); else System.out.print("搜索失败,当前页面为"+driver.getTitle()); driver.quit(); } }

LinkText和PartialLinkText

LinkText和PartialLinkText用来定位网页中的超链接,需要a标签中的全部或部分内容即可。例如,需要访问热门版块中的古美罗阳可以这样定位

import org.openqa.selenium.By;import org.openqa.selenium.WebDriver; import org.openqa.selenium.chrome.ChromeDriver; import org.openqa.selenium.WebElement; public class NewTest { public static void main(String[] args) { System.setProperty("webdriver.chrome.driver", "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chromedriver.exe"); WebDriver driver = new ChromeDriver(); driver.get("http://anjuke.com"); //linkText WebElement a=driver.findElement(By.linkText("古美罗阳")); a.click(); //partialLinkText //WebElement a=driver.findElement(By.partialLinkText("古美")); //a.click(); if(driver.getTitle().contains("古美罗阳")) System.out.print("访问成功,当前页面为"+driver.getTitle()); else System.out.print("访问失败,当前页面为"+driver.getTitle()); driver.quit(); } }

层级定位

webdriver提供了层级定位的方式即通过父元素访问其子元素,比如,输出热门版块下的所有版块

import java.util.List;import org.openqa.selenium.By;import org.openqa.selenium.WebDriver; import org.openqa.selenium.chrome.ChromeDriver; import org.openqa.selenium.WebElement; public class NewTest { public static void main(String[] args) { System.setProperty("webdriver.chrome.driver", "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chromedriver.exe"); WebDriver driver = new ChromeDriver(); driver.get("http://anjuke.com"); WebElement element=driver.findElement(By.xpath("//div[@id='content_Rd0']/dl[@class='dl0']/dd")); List links=element.findElements(By.tagName("a")); for(int index=0;index 




声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文档

seleniumwebdriver(2)-页面对象定位_html/css

seleniumwebdriver(2)-页面对象定位_html/css_WEB-ITnose:webdriver的元素定位很灵活,提供了多种定位方式: Id LinkText PartialLinkText Name TagName Xpath ClassName CssSelector 这些方法可以在org.openqa.selenium.By中找到,下面一一道来; 假如有这样的需求:登录安居客网站,搜索陆家嘴附近的二手
推荐度:
标签: 定位 页面 it
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top