Copy Css Selector

Extends the Developer Tools and context menu, adding a sidebar that displays the css path of DOM element.

Copy Css Selectorคืออะไร?

Copy Css Selector เป็นส่วนขยายของ Chrome ที่พัฒนาโดย Alexander Chermyanin (flamencist) และคุณลักษณะหลักของมันคือ "Extends the Developer Tools and context menu, adding a sidebar that displays the css path of DOM element."

ภาพหน้าจอของส่วนขยาย

screenshot
screenshot

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย Copy Css Selector

ดาวน์โหลดไฟล์ส่วนขยาย Copy Css Selector ในรูปแบบ crx และติดตั้งส่วนขยาย Chrome ด้วยตนเองในเบราว์เซอร์หรือแชร์ไฟล์ crx กับเพื่อนๆ เพื่อติดตั้งส่วนขยาย Chrome อย่างง่ายดาย

คำแนะนำในการใช้ส่วนขยาย

                        Find the unique selector for any element on page.

It will find an optimal selector that’s unique to the element selected. Right click on the element with mouse and select Copy Css Selector menu item into buffer, so you can past copied selector to any text editor.

Very useful for quickly getting selector for any element for testing frameworks like as Selenium.                    

ข้อมูลพื้นฐานของส่วนขยาย

ชื่อ Copy Css Selector Copy Css Selector
ID kemkenbgbgodoglfkkejbdcpojnodnkg
URL อย่างเป็นทางการ https://chromewebstore.google.com/detail/copy-css-selector/kemkenbgbgodoglfkkejbdcpojnodnkg
คำอธิบาย Extends the Developer Tools and context menu, adding a sidebar that displays the css path of DOM element.
ขนาดไฟล์ 19.31 KB
จำนวนการติดตั้ง 10,000
เวอร์ชันปัจจุบัน 0.5.0.3
อัปเดตครั้งล่าสุด 2018-10-20
วันที่เผยแพร่ 2018-10-20
คะแนน 3.91/5 รวมทั้งหมด 22 คะแนน
ผู้พัฒนา Alexander Chermyanin (flamencist)
อีเมล [email protected]
ประเภทการชำระเงิน free
เว็บไซต์ส่วนขยาย https://github.com/flamencist/CopyCssSelector
URL หน้าช่วยเหลือ https://github.com/flamencist/CopyCssSelector/issues
ภาษาที่รองรับ en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Copy Css Selector",
    "short_name": "CopyCssSelector",
    "version": "0.5.0.3",
    "description": "Extends the Developer Tools and context menu, adding a sidebar that displays the css path of DOM element.",
    "devtools_page": "devtools.html",
    "background": {
        "page": "background.html"
    },
    "manifest_version": 2,
    "icons": {
        "16": "icons\/icon16.png",
        "48": "icons\/icon48.png",
        "128": "icons\/icon128.png"
    },
    "author": "Alexander Chermyanin (flamencist)",
    "offline_enabled": true,
    "permissions": [
        "contextMenus",
        "activeTab",
        "clipboardWrite"
    ],
    "content_scripts": [
        {
            "all_frames": true,
            "matches": [
                "*:\/\/*\/*"
            ],
            "js": [
                "js\/selector-generator.js",
                "js\/content.js"
            ],
            "css": [
                "css\/style.css"
            ]
        }
    ]
}