Helium Selectors
Generate CSS selectors from sample elements.
什么是Helium Selectors？
Helium Selectors是由https://www.heliumscraper.com开发的Chrome扩展程序，该扩展的主要功能是“Generate CSS selectors from sample elements.”。
扩展截图
下载Helium Selectors扩展crx文件
下载Helium Selectors扩展crx格式的文件，手动将Chrome插件安装到浏览器中，也可以将crx文件分享给朋友，轻松安装Chrome插件。
扩展使用说明
To use this extension, open up the developer tools and find the "Selectors" tab. Once opened, press "Enable Selection Mode", if not already enabled, and start selecting elements. The algorithm will attempt to find the most specific and shortest selector, so often you'll have to add many samples, or press "Select Similar Elements" until you get the selector you want. It also has a "Select Inspected Element" button that selects the currently inspected ($0) element so you can also add elements that are hidden or difficult to highlight with the mouse.
If you visit a page after creating a CSS selector and turn on selection mode, all matching elements will be highlighted and will be able to keep adding sample elements if needed. The extension will remember all the sample elements, so visiting new pages will often update the CSS selector to prevent selecting elements that haven't been used as samples, as the extension will always try to be as specific as possible. So for instance when creating a selector for a next button, it's usually a good idea to visit at least a couple of pages where the next button is (and add more samples if needed), and also the last page in case there is a disabled next button, so that the algorithm updates the selector to not select the disabled next button. 扩展基本信息
| 名称 |  Helium Selectors |
| ID | lgmfgiimjdebhlmjmdipngklgfdffjip |
| 官方URL | https://chromewebstore.google.com/detail/helium-selectors/lgmfgiimjdebhlmjmdipngklgfdffjip |
| 简介 | Generate CSS selectors from sample elements. |
| 文件大小 | 57.16 KB |
| 安装次数 | 29 |
| 当前版本 | 0.1.6 |
| 更新时间 | 2020-10-18 |
| 上架时间 | 2020-09-28 |
| 开发者 | https://www.heliumscraper.com |
| 电子邮箱 | [email protected] |
| 付费类型 | free |
| 帮助页面URL | https://www.heliumscraper.com/eng/contact.php?contact_reason=extension |
| 支持的语言 | en |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"manifest_version": 2,
"name": "Helium Selectors",
"version": "0.1.6",
"icons": {
"16": "\/media\/icon\/16.png",
"24": "\/media\/icon\/24.png",
"32": "\/media\/icon\/32.png",
"48": "\/media\/icon\/48.png",
"64": "\/media\/icon\/64.png",
"128": "\/media\/icon\/128.png"
},
"description": "Generate CSS selectors from sample elements.",
"devtools_page": "html\/devtools.html",
"content_scripts": [
{
"matches": [
"http:\/\/*\/*",
"https:\/\/*\/*"
],
"js": [
"\/js\/inject\/sets.js",
"\/js\/inject\/combinator.js",
"\/js\/inject\/gathering.js",
"\/js\/inject\/overlay.js",
"\/js\/inject\/inject.js"
]
}
],
"browser_action": {
"default_title": "Helium Selectors",
"default_popup": "html\/popup.html"
}
} | |
