Easy Select 是一个Chrome/Firefox扩展,让你根据页面元素快速获取可读可维护的 CSS 选择器。
举例来说,这是浏览器自动生成的:
#TopstoryContent > div > div > div > div:nth-child(41) > div > div > h2 > div > a
这是EasySelect拿到的:
div[itemprop='zhihu:question'] > a
或从release手动安装
首先,在浏览器中使用检查元素呼出调试工具,然后用inspector选择一个元素。
在右侧的面板选择一下“Easy Select”就能看到工具界面了。
界面分三个部分:
CSS选择器通常通过上级元素来进行辅助定位,例如:
div.items > article > a.title
最高是到html元素这一级,如果你不小心点多了,生成出的表达式会很长,可以使用第二排限制最终表达式的长度。
这个就是通过选择class还有元素属性构造选择器了。这个面板与层级选择面板是联动关系。
这里可以看到最终生成的表达式,当前页面的表达式匹配元素数量。
还可以进行高亮,以及最下面的表达式 / 语句复制。
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正式完成,用户可以到官网上下载该插件。 除此之外,