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
Eメール	[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" } }