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…

Qu'est-ce que Next DevTools ?

Next DevTools est une extension Chrome développée par CraftValue, et sa fonction principale est "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…".

Captures d'Écran de l'Extension

screenshot

Télécharger le fichier CRX de l'extension Next DevTools

Téléchargez les fichiers d'extension Next DevTools au format crx, installez manuellement les extensions Chrome dans le navigateur ou partagez les fichiers crx avec des amis pour installer facilement les extensions Chrome.

Instructions d'Utilisation de l'Extension

                        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).                    

Informations de Base sur l'Extension

Nom Next DevTools Next DevTools
ID admidbamafmdejfidoeijgghcffngbmp
URL Officiel 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…
Taille du Fichier 67.98 KB
Nombre d'Installations 2,693
Version Actuelle 1.1.1
Dernière Mise à Jour 2024-02-20
Date de Publication 2022-11-14
Évaluation 2.00/5 Total 4 Évaluations
Développeur CraftValue
Email [email protected]
Type de Paiement free
Site Web de l'Extension https://github.com/gpichot/chrome-extension-next-devtools
URL de la Page d'Aide https://github.com/gpichot/chrome-extension-next-devtools/issues
Langues Prises en Charge 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"
}