CSS Selector Tester

Highlight the elements matching a given CSS selector.

CSS Selector Testerとは何ですか?

CSS Selector Testerはsklabによって開発されたChromeの拡張機能で、その主な機能は「Highlight the elements matching a given CSS selector.」です。

拡張機能のスクリーンショット

screenshot
screenshot
screenshot
screenshot
screenshot

CSS Selector Tester拡張機能のCRXファイルをダウンロード

CSS Selector Tester拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

                        This extension highlights elements specified by CSS selectors.

For web design or web scraping, you will be able to identify elements specified by CSS selectors more easily than with the Chrome Developer Tools.

It's easy to use.
1. Click on the extension's icon.
2. Type in the CSS selectors.
3. Press Enter or click the TEST button.

=== Release notes ===
Version 1.1    2023-10-06
[new feature]  
  "History"
  The input history of the selector can now be displayed.                    

拡張機能の基本情報

名前 CSS Selector Tester CSS Selector Tester
ID gkdinamekianhihakaefhphphhodpgha
公式URL https://chromewebstore.google.com/detail/css-selector-tester/gkdinamekianhihakaefhphphhodpgha
説明 Highlight the elements matching a given CSS selector.
ファイルサイズ 30.87 KB
インストール数 2,061
現在のバージョン 1.1
最終更新日 2023-10-08
公開日 2023-05-08
評価 5.00/5 合計 2 レビュー
開発者 sklab
Eメール [email protected]
支払い方法 free
対応言語 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "CSS Selector Tester",
    "description": "Highlight the elements matching a given CSS selector.",
    "version": "1.1",
    "permissions": [
        "activeTab",
        "scripting"
    ],
    "action": {
        "default_title": "CSS Selector Tester",
        "default_popup": "popup.html"
    },
    "icons": {
        "16": "icon\/CSS_Selector_Tester16.png",
        "32": "icon\/CSS_Selector_Tester32.png",
        "48": "icon\/CSS_Selector_Tester48.png",
        "128": "icon\/CSS_Selector_Tester128.png"
    },
    "author": "sklab"
}