Preact Developer Tools

Adds debugging tools for Preact to Chrome

What is Preact Developer Tools?

Preact Developer Tools is a Chrome extension developed by Preact Developers, and its main feature is "Adds debugging tools for Preact to Chrome".

Extension Screenshots

screenshot
screenshot
screenshot
screenshot
screenshot

Download Preact Developer Tools Extension CRX File

Download Preact Developer Tools extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        Debugging tools for Preact. This extension allows you to inspect the component hierarchy and change properties on the fly.                    

Extension Basic Information

Name Preact Developer Tools Preact Developer Tools
ID ilcajpmogmhpliinlbcdebhbcanbghmd
Official URL https://chromewebstore.google.com/detail/preact-developer-tools/ilcajpmogmhpliinlbcdebhbcanbghmd
Description Adds debugging tools for Preact to Chrome
File Size 144 KB
Installation Count 9,788
Current Version 4.7.1
Last Updated 2023-03-06
Publish Date 2020-06-10
Rating 5.00/5 Total 9 Ratings
Developer Preact Developers
Email [email protected]
Payment Type free
Extension Website https://preactjs.github.io/preact-devtools/
Help Page URL https://github.com/preactjs/preact-devtools/issues/
Privacy Policy Page URL https://github.com/preactjs/preact-devtools/blob/master/PRIVACY.md
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "Preact Developer Tools",
    "description": "Adds debugging tools for Preact to Chrome",
    "version": "4.7.1",
    "devtools_page": "panel\/empty-panel.html",
    "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'",
    "permissions": [
        "file:\/\/\/*",
        "http:\/\/*\/*",
        "https:\/\/*\/*",
        "storage"
    ],
    "icons": {
        "16": "icons\/icon-16.png",
        "32": "icons\/icon-32.png",
        "48": "icons\/icon-48.png",
        "128": "icons\/icon-128.png",
        "192": "icons\/icon-192.png"
    },
    "browser_action": {
        "default_icon": {
            "16": "icons\/icon-16-disabled.png",
            "32": "icons\/icon-32-disabled.png",
            "48": "icons\/icon-48-disabled.png",
            "128": "icons\/icon-128-disabled.png",
            "192": "icons\/icon-192-disabled.png"
        },
        "default_popup": "popup\/disabled.html"
    },
    "background": {
        "scripts": [
            "background\/background.js"
        ],
        "persistent": false
    },
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "content-script.js"
            ],
            "all_frames": true,
            "run_at": "document_start"
        }
    ],
    "web_accessible_resources": [
        "preact-devtools-page.css"
    ]
}