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
官方網址 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
電子郵箱 [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"
}