元素选择器插件,查找页面 DOM 元素的Javascript选择器

annayy Chrome插件资讯172阅读模式

 

元素选择器插件简介

元素选择器插件是一款可用于快速查找元素在页面上的 Javascript 选择器,该插件能够帮助用户轻松快速的查找页面 DOM 元素的唯一的 CSS 选择器的 JavaScript 对象,无需了解页面的代码结构,简单又高效。

元素选择器插件开发背景

对于网页开发人士而言,在网站的构建或者后期的维护中可能会用到对页面 DOM 元素的唯一的 CSS 选择器的 JavaScript 对象进行查看或检查,每次都需要通过代码去操作,难免麻烦。不过,有了这款元素选择器插件,无需了解页面的代码结构也可通过快捷键操作实现了。

元素选择器插件功能介绍

作为 Chrome 浏览器中的一款可用于轻松快速查找页面 DOM 元素的唯一的 CSS 选择器的 JavaScript 对象,元素选择器插件不需了解页面的代码结构即可实现,只需开启查找模式,页面就会显示元素相应语义,并且支持进行快捷键操作,是 AdsPower RPA 机器人创建流程的好工具!

元素选择器插件,查找页面 DOM 元素的Javascript选择器

元素选择器插件使用方法

一、安装插件

如果有条件,可以直接在谷歌 Chrome 商店下载安装。如果无法访问 Chrome 商店,请在Chrome扩展网下载元素选择器插件的安装包,解压后将 crx 文件安装到你的谷歌浏览器上。

二、使用方法

元素选择器插件安装完成以后,无需刷新网页即可直接使用。在 Chrome 浏览器任意网页中点击浏览器上方工具栏中的插件图标,将快速开启查找模式,用户直接使用鼠标进行点击,页面会自动显示元素的相应语义,通过快捷键【 Ctrl+Shift+S 】可复制当前悬浮元素选择器。

与此同时,用户还可以通过【 Ctrl + Shift + E 】来开始或者停止查找模式,【 Alt + C 】则可以隐藏提示框,如需快速退出,通过【 Ctrl + Shift + Z 】即可轻松实现。对于这款元素选择器插件,对快速获取用于测试框架(如 Selenium/Puppeteer)的任何元素的选择器非常有用。

元素选择器插件描述:

应用大小:62.08 KiB
版本:v 0.0.2
下载次数:266000
更新时间:2021-12-21
评分:5.0

元素选择器插件下载:

关注“Chrome扩展网”公众号,输入“插件”根据提示,即可下载最新安装文件。

元素选择器插件安装流程:

(1)将下载的安装包文件(.zip)解压为文件夹,其中类型为“crx”的文件就是接下来需要用到的安装文件
(2) 从设置->更多工具->扩展程序 打开扩展程序页面,或者地址栏输入 Chrome://extensions/ 按下回车打开扩展程序页面
(3) 打开扩展程序页面的“开发者模式”
(4) 将crx文件拖拽到扩展程序页面,完成安装

 

本站文章均为原创,版权归本站所有,如需转载或引用请注明出处

weinxin
我的微信
“Chrome扩展网”微信公众号
微信扫码关注公众号,回复“验证码”获取插件
annayy
  • 本文由 发表于 2023年7月1日 13:51:30
  • 转载请务必保留本文链接:https://www.chromekz.com/news/4413.html
  • 元素选择器
  • 元素选择器插件
  • Javascript选择器