DOM X-Ray

See through the DOM to visually debug CSS positioning.

DOM X-Rayคืออะไร?

DOM X-Ray เป็นส่วนขยายของ Chrome ที่พัฒนาโดย https://nick-vincent.com และคุณลักษณะหลักของมันคือ "See through the DOM to visually debug CSS positioning."

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

screenshot
screenshot
screenshot
screenshot
screenshot

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย DOM X-Ray

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

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

                        Toggle DOM X-Ray to trigger CSS styles that outline and illuminate DOM element structure.                    

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

ชื่อ DOM X-Ray DOM X-Ray
ID olfkgegmjhgehnakignkabhbdchkhnkj
URL อย่างเป็นทางการ https://chromewebstore.google.com/detail/dom-x-ray/olfkgegmjhgehnakignkabhbdchkhnkj
คำอธิบาย See through the DOM to visually debug CSS positioning.
ขนาดไฟล์ 57.82 KB
จำนวนการติดตั้ง 1,304
เวอร์ชันปัจจุบัน 1.0.0
อัปเดตครั้งล่าสุด 2023-02-09
วันที่เผยแพร่ 2019-04-06
คะแนน 5.00/5 รวมทั้งหมด 1 คะแนน
ผู้พัฒนา https://nick-vincent.com
อีเมล [email protected]
ประเภทการชำระเงิน free
ภาษาที่รองรับ en-US
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "version": "1.0.0",
    "name": "DOM X-Ray",
    "description": "See through the DOM to visually debug CSS positioning.",
    "permissions": [
        "scripting",
        "storage",
        "webNavigation"
    ],
    "host_permissions": [
        ""
    ],
    "background": {
        "service_worker": "js\/background.js",
        "type": "module"
    },
    "options_page": "options.html",
    "action": {
        "default_icon": {
            "16": "img\/icon-off.png"
        }
    },
    "icons": {
        "16": "img\/icon-16.png",
        "48": "img\/icon-48.png",
        "128": "img\/icon-128.png"
    }
}