爬虫基础一 Chrome 开发者工具 与 XPath选择Html

一、Chrome 开发者工具的使用

chrome开发者工具

爬虫基础一 Chrome 开发者工具 与 XPath选择Html

简单介绍

Element:把Html文档以DOM(Document Object Model)树的形式呈现出来

爬虫基础一 Chrome 开发者工具 与 XPath选择Html

 

Console:用来输入命令的控制台,例如用XPath的命令查找相关html的元素

爬虫基础一 Chrome 开发者工具 与 XPath选择Html

Sources: 网页的目录结构(代码<css, html....>、资源文件等),可用于了解网页的代码设计的层次,及其使用css代码等。

爬虫基础一 Chrome 开发者工具 与 XPath选择Html

 

    Other:https://www.cnblogs.com/Fang3s/p/3965231.html

 

二、XPath选择Html元素

 

1.路径表达式:

    

爬虫基础一 Chrome 开发者工具 与 XPath选择Html

    

     在开发者工具中Console界面使用$x工具函数:

     

爬虫基础一 Chrome 开发者工具 与 XPath选择Html

      使用Chrome获取Xpath表达式

 

爬虫基础一 Chrome 开发者工具 与 XPath选择Html

    

2.常见函数、及其表达式:

条件表达式:元素[条件表达式]

id为home的div标签 div[@id = "home"]

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wsspyj.html