Next DevTools

Quickly check the props of a NextJS website, inspect all props on hover. Add a badge icon to indicate when the page props for a…

What is Next DevTools?

Next DevTools is a Chrome extension developed by CraftValue, and its main feature is "Quickly check the props of a NextJS website, inspect all props on hover. Add a badge icon to indicate when the page props for a…".

Extension Screenshots

screenshot

Download Next DevTools Extension CRX File

Download Next DevTools 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

                        Quickly check the props of a NextJS website, inspect all props on hover.

Add a badge icon to indicate when the page props for a given page are too heavy in NextJS.
It will only works for first page load.

When using the `Link` component you may consider have a look at the "NextJS DevTools" panel that this extension is adding in the DevTools.

Icons are from the CoreUI Icons set (see https://github.com/coreui/coreui-icons?ref=iconduck.com).                    

Extension Basic Information

Name Next DevTools Next DevTools
ID admidbamafmdejfidoeijgghcffngbmp
Official URL https://chromewebstore.google.com/detail/next-devtools/admidbamafmdejfidoeijgghcffngbmp
Description Quickly check the props of a NextJS website, inspect all props on hover. Add a badge icon to indicate when the page props for a…
File Size 67.98 KB
Installation Count 2,693
Current Version 1.1.1
Last Updated 2024-02-20
Publish Date 2022-11-14
Rating 2.00/5 Total 4 Ratings
Developer CraftValue
Email [email protected]
Payment Type free
Extension Website https://github.com/gpichot/chrome-extension-next-devtools
Help Page URL https://github.com/gpichot/chrome-extension-next-devtools/issues
Supported Languages en-US
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "minimum_chrome_version": "88.0",
    "devtools_page": "src\/next-devtools.html",
    "action": {
        "default_icon": {
            "16": "public\/icon.png",
            "32": "public\/icon.png",
            "48": "public\/icon.png",
            "128": "public\/icon.png"
        },
        "default_popup": "src\/popup.html"
    },
    "background": {
        "service_worker": "service-worker-loader.js",
        "type": "module"
    },
    "permissions": [
        "tabs",
        "scripting"
    ],
    "host_permissions": [
        "https:\/\/*\/*",
        "http:\/\/*\/*"
    ],
    "web_accessible_resources": [
        {
            "matches": [
                ""
            ],
            "resources": [
                "src\/next-devtools.html",
                "src\/popup.html",
                "src\/panel.html"
            ],
            "use_dynamic_url": false
        }
    ],
    "name": "Next DevTools",
    "version": "1.1.1"
}