当前位置: 首页 > 软件库 > 插件和扩展 > FireFox插件 >

EasySelect

Chrome/Firefox 扩展
授权协议 MIT
开发语言 JavaScript
所属分类 插件和扩展、 FireFox插件
软件类型 开源软件
地区 国产
投 递 者 齐望
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Easy Select 是一个Chrome/Firefox扩展,让你根据页面元素快速获取可读可维护的 CSS 选择器。

为什么不用浏览器自带的 "Copy selector"?

举例来说,这是浏览器自动生成的:

#TopstoryContent > div > div > div > div:nth-child(41) > div > div > h2 > div > a

这是EasySelect拿到的:

div[itemprop='zhihu:question'] > a

安装

Chrome扩展商店

Firefox附加组件

或从release手动安装

使用

首先,在浏览器中使用检查元素呼出调试工具,然后用inspector选择一个元素。

在右侧的面板选择一下“Easy Select”就能看到工具界面了。

界面分三个部分:

1. 层级选择面板

CSS选择器通常通过上级元素来进行辅助定位,例如:

div.items > article > a.title

最高是到html元素这一级,如果你不小心点多了,生成出的表达式会很长,可以使用第二排限制最终表达式的长度。

2. 元素选择面板

这个就是通过选择class还有元素属性构造选择器了。这个面板与层级选择面板是联动关系。

3. 结论面板

这里可以看到最终生成的表达式,当前页面的表达式匹配元素数量。

还可以进行高亮,以及最下面的表达式 / 语句复制。

开发

npm install # 安装环境
npm run serve # 编译并热更新
npm run build # 生产环境打包
npm run analyze # 分析包组件大小

 

 相关资料
  • 问题内容: 我正在编写FireFox-Extension,并希望从服务器加载数据。但是当我尝试使用以下方法初始化XMLHttpRequest时: 错误控制台显示: 我是否必须包含某些内容,或者为什么不能识别XMLTttpRequest? 问题答案: 附加SDK(您通过附加生成器间接使用)提供了一个实质上是包装的软件包,您应该使用它。据我了解,如果在执行请求时卸载/禁用了加载项,则不会直接访问您以防

  • 我正在为chrome和Firefox创建一个web扩展。我已经集成了firebase UI和firebase Auth。谷歌认证在chrome扩展上运行良好。但是在firefox Extension/Add-on上,它给了我以下错误。 null 其他开发人员在为cordova或ionic开发时也面临类似的问题

  • 问题内容: 我想在Firefox扩展中使用jQuery,我将库导入到xul文件中,如下所示: 但是xul文件中无法识别$()函数,jQuery()也无法识别。 我还尝试过将“ content.document”对象(该对象反映“ document”对象)作为上下文参数传递给jQuery函数,如下所示: 但仍然无法正常工作,以前有人遇到过这个问题吗? 问题答案: 我使用以下内容: 这是一个

  • 问题内容: 我正在尝试从Firefox扩展程序中下载一些二进制数据。当我尝试将创建的XMLHttpRequest设置为arraybuffer模式时: 错误 被抛出。 还有另一种在Firefox扩展中下载二进制数据的方法吗? 问题答案: 您必须先调用该方法。

  • Mozilla Firefox 俗称火狐,是由Mozilla基金会与开源团体共同开发的网页浏览器。Firefox是从Mozilla Application Suite派生出来的网页浏览器,从2005年开始,每年都被媒体PC Magazine选为年度最佳浏览器。 Firefox几经更名,其曾用名有mozilla/browser,Phoenix,Firebird,而最终定下的名称“ Firefox”在

  • 问题内容: 我遇到了一个奇怪的情况,在“宁静”页面上,我必须滚动到该元素: 对于某些元素,此方法将抛出: 它仅在Firefox中发生(Chrome可以正常运行)。而且,几乎所有其他我使用相同方法的地方都运行良好。所有元素只是按钮,输入字段等常用元素。 有人知道如何在Firefox中解决此问题吗? 我有: Firefox 61.0.2(64位) Windows 10 宁静1.9.30 Geckodr

  • Firefox是基于Mozilla的一种轻便型Web浏览器,以快速、灵活和功能强大而深得自由软件爱好的青睐。在Debian中有现成的deb软件包,安装很简单方便。用以下命令即可完成Firefox中文版的安装: debian:~# apt-get install mozilla-firefox mozilla-firefox-locale-zh-cn 8.9.1. Firefox的常用配置 界面

  • Weave 是一款实用的Firefox插件,用户可以使用该插件在不同的设备上同步Firefox数据,包括书签、浏览历史、设置、密码、窗体加载等等。 为了简明扼要地向用户传达其功能,Mozilla不久前宣布,从1.3 Beta 5开始,Weave将更名为Firefox Sync(火狐同步)。 Mozilla实验室宣布,Firefox Sync 1.3正式完成,用户可以到官网上下载该插件。 除此之外,