通过浏览器开发工具获取网页元素的XPATH

chrome xpath 文章 2022-04-13 11:37 1131 0 全屏看文

AI助手支持GPT4.0

比如打开:

https://mp.weixin.qq.com/s/2AjmOpuvF5jIo2dP5Ouy6w

在谷歌、360等浏览器里,我们打开网页后,按下F12。

image.png

在下方出现的这个工具里点击这个符号。

然后鼠标回到网页里。

image.png

移到你像选取的图片或者其他文件上,点击。

就会在开发工具里出现对应的代码。

我们在下面的代码上,右键鼠标。

image.png

选择 copy xpath 或者 copy full xpath。

这两者的区别如下。

前者是相对路径获取,就是直接获取父元素的路径然后再获取图片。

//*[@id="js_content"]/p[1]/img


copy full xpath 的选取是: 绝对路径,按部就班的 一个一个元素解析

/html/body/div[1]/div[2]/div[1]/div/div[1]/div[3]/p[1]/img


-EOF-

AI助手支持GPT4.0


国内超级便宜服务器

摸鱼人热门新闻聚合

钻级赞助商 我要加入

开发者在线工具

第三方支付技术请加QQ群

相关文章
chrome设置浏览器语言
通过浏览器开发工具获取网页元素的XPATH
谷歌浏览器2023年1月后或不再支持广告屏蔽插件
在 Chrome、360、Firefox、Edeg 浏览器中获取 User-Agent、Referer 和 Cookies
谷歌Chrome浏览器内部协议Chrome://收集
随便看看
小程序测试号解绑之后,扫一扫小程序登录又回来了 2101
微信公众号openid? 2347
微信开放平台跟公众平台有什么区别? 3608
怎么添加小程序支付功能? 4516
教育科技公司申请微信支付被拒绝? 4798
微信公众号免300认证教程 5892
小程序已经上线,作为管理员无法在小程序数据助手查看数据? 5299
小程序广告组件通过审核,但是小程序内没有显示广告? 5067
企业微信通讯录账号被管理员误/恶意删除,怎么办? 9568
问题? 9048