什麼是Next.js Explorer？

Next.js Explorer是由https://lailolai.com開發的Chrome擴展程式，該擴展的主要功能是“Quickly check if a webpage is built with Next.js and explore static properties and other useful metrics.”。

擴展截圖

下載Next.js Explorer擴展crx文件

下載Next.js Explorer擴展crx格式的文件，手動將Chrome擴充功能安裝到瀏覽器中，也可以將crx文件分享給朋友，輕鬆安裝Chrome擴充功能。

擴展使用說明

For Next.js Page Router only.

Find out all about this extension on:

http://lailolai.com/explorer/

# How it works?

Click the extension icon to explore & export Next.js __NEXT_DATA__ object.

Or check the icon color:

- If the icon is GREEN: page data is OPTIMAL
- If the icon is RED: static data exceeds 128Kb default threshold (large page data)

If the icon is neither red or green (it is black), it means the website is not build with Nextjs framework.

# Changelog

## [1.4.1] - 2023-09-09

- Fixed minor bugs

## [1.4.0] - 2023-08-12

- Added sizing information in JSON view
- Fixed minor bugs

## [1.3.0] - 2023-08-08

- Improved UX
- Fixed minor bugs

## [1.2.0] - 2023-04-23

- Added theme light & dark mode
- Removed console logs
- Fixed minor bugs

## [1.1.0] - 2023-02-04

- Fixed JSON view bugs and other extenison bugs
- Updated icons for better understanding
- Show message when Next.js is not available and user clicks the extension icon

擴展基本資訊

名稱	Next.js Explorer
ID	iiekmbomdcmddchlplbdlkkpdgncgpdg
官方網址	https://chromewebstore.google.com/detail/nextjs-explorer/iiekmbomdcmddchlplbdlkkpdgncgpdg
簡介	Quickly check if a webpage is built with Next.js and explore static properties and other useful metrics.
檔案大小	34.35 KB
安裝次數	1,076
目前版本	1.4.1
更新時間	2023-11-14
上架時間	2023-01-14
評分	5.00/5 共 1 次評分
開發者	https://lailolai.com
電子郵箱	[email protected]
付費類型	free
擴展官網	http://lailolai.com/explorer
支援的語言	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 3, "name": "Next.js Explorer", "description": "Quickly check if a webpage is built with Next.js and explore static properties and other useful metrics.", "version": "1.4.1", "icons": { "16": "images\/icon-16.png", "32": "images\/icon-32.png", "48": "images\/icon-48.png", "128": "images\/icon-128.png" }, "permissions": [ "activeTab", "storage" ], "content_scripts": [ { "matches": [ "" ], "css": [ "css\/message.css" ], "js": [ "scripts\/content.js" ] } ], "incognito": "split", "background": { "service_worker": "scripts\/background.js", "type": "module" }, "action": { "default_title": "Click to explore Next.js page properties or open the web inspector to get Next.js metrics", "default_icon": { "16": "images\/icon-16.png", "32": "images\/icon-32.png", "48": "images\/icon-48.png", "128": "images\/icon-128.png" } } }

Next.js Explorer

什麼是Next.js Explorer？

擴展截圖

下載Next.js Explorer擴展crx文件

擴展使用說明

擴展基本資訊

相關的擴展