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…

Latest Version

Version
1.1.1
Update
February 19, 2024
Size
67.98KiB
Developer
Category
Users
4,000+
Rating
2 ★
Manifest Version
3
Web Store Status
Languages Support
English (United States)
See more
Permissions
Tabs
Scripting
See more

Next DevTools 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).
Read more

Source 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"}
Read more

Similar Extensions

icon

Next.js Explorer - NextJS App & Pages Router Extension · Developer Tools 4,000+ 4 ★ 160KiB

icon

React Context DevTool Extension · Developer Tools 4,000+ 21 ★ 2.35MiB

icon

NextJS Utilities Extension Extension · Developer Tools 4,000+ 4 ★ 14.39KiB

icon

Zukeeper: Devtools for Zustand Extension · Developer Tools 4,000+ 6 ★ 939KiB

icon

React Inspector Extension · Developer Tools 4,000+ 8 ★ 26.91KiB

icon

Vercel Extension · Developer Tools 4,000+ 24 ★ 34.3KiB

icon

CORS Unblock Extension · Developer Tools 4,000+ 162 ★ 203KiB

icon

NextInspect Extension · Developer Tools 4,000+ 2 ★ 109KiB

icon

Vue.js devtools (beta) Extension · Developer Tools 4,000+ 149 ★ 2.54MiB

icon

Web Vitals Extension · Developer Tools 4,000+ 43 ★ 398KiB

icon

Vue.js devtools Extension · Developer Tools 4,000+ 2131 ★ 2.57MiB

icon

Angular DevTools Extension · Developer Tools 4,000+ 159 ★ 3.2MiB

icon

React Developer Tools Extension · Developer Tools 4,000+ 1576 ★ 1.56MiB

icon

daily.dev | The homepage developers deserve Extension · Developer Tools 4,000+ 2460 ★ 2.28MiB

icon

Redux DevTools Extension · Developer Tools 4,000+ 726 ★ 1.2MiB

icon

Apollo Client Devtools Extension · Developer Tools 4,000+ 266 ★ 490KiB

icon

Vue.js devtools Extension · Developer Tools 4,000+ 43 ★ 2.08MiB

icon

Tailwind CSS Devtools Extension · Developer Tools 4,000+ 7 ★ 857KiB

icon

Allow CORS: Access-Control-Allow-Origin Extension · Productivity 4,000+ 279 ★ 78.31KiB

icon

Nuxt Assistant Extension · Developer Tools 4,000+ 6 ★ 56.18KiB

icon

Vue Telescope Extension · Developer Tools 4,000+ 17 ★ 1.37MiB

icon

Devtools for Tailwind CSS Extension · Developer Tools 4,000+ 18 ★ 49.64MiB

icon

Realize for React Extension · Developer Tools 4,000+ 7 ★ 160KiB

icon

LocatorJS Extension · Developer Tools 4,000+ 64 ★ 190KiB

User reviews

icon

Asadbek (ID: 000000b14c9c0db7) Voted 1 ★ - Updated 05/06/2023 doesnt work.