Chrome浏览器获取XPATH的方法----通过开发者工具获取

还在为xpath的正确性而犯愁吗?难道必须得装一个Firefox浏览器,安装一个插件?

No!!!!!!!

有了chrome浏览器,照样能获取xpath,而且保证正确。

具体的使用方法?请往下看。

chrome有自己的开发者工具,可以用这儿来直接获取xpath,都不用担心正确性了。

具体使用步骤如下:

1、在chrome浏览器的右上角有个选择菜单,也就是这个,点一下:

2、在列表最后面有个“更多工具”,点击一下,就可以看到开发者工具了。

3、打开开发者工具后,点击开发者工具中第一行的第一个对话框Elements,如下:

这是极客学院的首页源代码。

4、这个时候就看到了网页具体的源代码有木有。接下来,找到自己想要爬取的列表,在那个列表上点击右键,就会出“Copy Xpath”了。具体如下:

本示例爬取的是极客学院首页,想要获取它的课程列表,那么在源代码中找到这些列表信息,在要爬取的代码那里点击右键,如下:

5、这个时候,点击Copy Xpath,就可以获得具体的Xpath地址了,我爬取到的Xpath地址如下:

//*[@id="pager"]/div[1]/div[1]/ul/li[1]

会了吗?总之chrome的开发者工具是个很强大的工具,小编也是刚刚用了一段时间,具体的还有待研究,如果还有比较好的应用方式,我再上传哦。。。

时间: 2024-11-06 23:42:12

Chrome浏览器获取XPATH的方法----通过开发者工具获取的相关文章

chrome浏览器安装Xpath Helper插件

最近偷空研究了一下python,准备用python写一个爬虫. 在使用scrapy,爬取网页信息时,我需要去定位节点,所以也就有了下面这篇文章. 例子代码: 1 import scrapy 2 from tutorial.items import DemozItem 3 4 class DmozSpider(scrapy.Spider): 5 name = "dmoz" 6 allowed_domains = ["dmoz.org"] 7 start_urls =

Chrome 浏览器安装Vue插件方法 (十分详细)

博主最近在研究Vue,无奈新手想安装Chrome的Vue插件,整理下安装流程: 1.首先去github下载vue.zip文件插件(还有npm安装方法这里就不介绍了自行百度) 2.下载后解压 3.然后通过npm下载相关依赖,可能有些同学没有安装npm,博主也是,这里介绍下安装npm的方法. 从node.js中文网站下载node.js,里面包含npm 4.下载完成直接安装,因为博主已安装成功就不截图,验证npm是否安装成功命令,打开CMD输入 node -v npm -v 如果出现对应版本号,说明安

如何使用canvas绘制椭圆,扩展非chrome浏览器中的ellipse方法

这篇博文主要针对浏览器中绘制椭圆的方法扩展.在网上搜索了很多,发现他们绘制椭圆的方式都有缺陷.其中有压缩法,计算法,贝塞尔曲线法等多种方式.但是都不能很好的绘制出椭圆.所有我就对这个绘制椭圆的方式进行了研究,发现压缩法是可以完美实现椭圆绘制的.废话不多说,直接上代码了. 1 if (!CanvasRenderingContext2D.prototype.ellipse) { 2 CanvasRenderingContext2D.prototype.ellipse = function(x, y,

Chrome浏览器控件安装方法

将up6.crx拖到Chrome扩展面板中安装

利用chrome浏览器调试js断点的2点心得

1.断点调试是啥?难不难? 断点调试其实并不是多么复杂的一件事,简单的理解无外呼就是打开浏览器,打开sources找到js文件,在行号上点一下罢了.操作起来似乎很简单,其实很多人纠结的是,是在哪里打断点?(我们先看一个断点截图,以chrome浏览器的断点为例) 步骤记住没? 用chrome浏览器打开页面 → 按f12打开开发者工具 → 打开Sources → 打开你要调试的js代码文件 → 在行号上单击一下,OK!恭喜你的处女断点打上了,哈哈~~ 2.断点怎么打才合适? 打断点操作很简单,核心的

在 Chrome 开发者工具中调试 node.js

命令行工具 devtool ,它可以在 Chrome 的开发者工具中运行 Node.js 程序. 下面的记录显示了在一个 HTTP 服务器中设置断点的情况. 该工具基于 Electron 将 Node.js 和 Chromium 的功能融合在了一起.它的目的在于为调试.分析和开发 Node.js 应用程序提供一个简单的界面. 你可以使用 npm 来安装它: npm install -g devtool 在某种程度上,我们可以用它来作为 node shell 命令的替代品.例如,我们可以这样打开一

Chrome浏览器在自动化中的应用

1.1 在chrome浏览器中调试定位方法 1.1.1 ID Document.getElementById(“id”) $(“#id”) 1.1.2 Name document.getElementsByName(“name”) 1.1.3 TagName document.getElementsByTagName(“tagname”) $(“tagname”) 1.1.4 ClassName document.getElementsByClassName(“classname”) $(“.c

通过chrome浏览器分析网页加载时间

今天趁着下班的时间看了下chrome浏览器的网页加载时间分析工具和相关文档,简单写点儿东西记录一下. 以百度首页加载为例,分析下一张图片1.jgp(就是背景图)的加载时间 看右侧的Timing标签,从下往上看各个阶段: 最下面一行,Explanation是一个链接,它链接到了chrome对Timing解释的文档(从这里可以看出chrome对开发人员真的很友好),这张图片加载总共花费的时间为:36.32ms. Content Download,浏览器下载响应文件所花费的时间26.84ms,与本地网

谷歌 chrome 浏览器开发者工具打不开的解决方法

很长一段时间没有用Chrome浏览器 最近打开,发现开发者工具怎么都打不开 在网上也没有找到方法 各种打开方式都试了依然是没有动静 但是在隐身模式下开发者工具是可以的打开的 重新安装后还是一样 实在没有找到方法 就在浏览器里各种尝试 最后我打开扩展程序里 里面勾选了开发者模式 我把取消后开发者工具就可以正常使用了 不知道有没有其他人遇到开发者工具打不开的问题 如果有的话可以尝试看下扩展程序内是否勾选了开发者模式 如是取消就可以正常使用了