[WordPress] 外掛分享： Script Report

WordPress 外掛 Script Report 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Script Report」是 2026-02-23 上架。
  • 目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
  • 上一次更新是 2026-02-24，距離現在已有 1 天。
  • 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

sapayth |

外掛標籤

debug | scripts | debug bar | development | performance |

內容簡介

總結：Script Report 是 WordPress 開發者使用的極簡且專注的偵錯工具，可協助審核和視覺化任何管理員或前端頁面上的 JavaScript 和 CSS 依賴關係。

問題與答案：

1. Script Report 主要用途是什麼？
- 答：Script Report 主要幫助開發者審核和視覺化 JavaScript 和 CSS 依賴關係，以解決頁面內容的順序問題、重複載入、或緩慢載入的情況。

2. 如何啟用 Script Report？
- 答：只需在頁面 URL 中附加 ?script_report=true 或 &script_report=true 即可獲得完整的腳本和樣式分解、載入順序、依賴關係以及來源。

3. Script Report 能夠回答哪些開發者常問的問題？
- 答：Script Report 能夠立即清楚地回答開發者對於腳本載入位置、樣式引用者、依賴關係失效、重複載入等問題。

4. 使用 Script Report 可檢查哪些內容？
- 答：開發者可以檢查 JavaScript 的註冊腳本、載入腳本、總和腳本、載入順序、檔案大小、頁腳或標頭載入等；同時也可以檢查 CSS 的註冊樣式、載入樣式、總和樣式、載入順序、檔案大小、依賴關係等。

原文外掛簡介

Script Report is a minimal and focused debugging tool for WordPress developers. It helps you audit and visualize JavaScript and CSS dependencies on any admin or frontend page.
When something loads out of order, loads twice, or slows down a page, Script Report helps you see exactly what is happening.
Simply append ?script_report=true or &script_report=true to any page URL and get a complete breakdown of scripts and styles, their load order, dependencies, and origin.
Why Use Script Report?
Developers often ask:
Why is this script loading here
Who enqueued this style
Why is my dependency not working
Is something loading twice
What is affecting performance on this page
Script Report gives you clear answers instantly.
What You Can Inspect
JavaScript
View a complete breakdown of:

Registered scripts
Enqueued scripts
Total required scripts
Load order
File size
Footer or header loading
Inline scripts
Enqueued by source
Required by dependencies

CSS
Inspect styles with the same detailed structure:

Registered styles
Enqueued styles
Total required styles
Load order
File size
Dependency relationships
Enqueued by source
Required by dependencies

Script Modules WordPress 6.5+
Audit registered and enqueued script modules along with their dependency chains.
Views
Switch between two views:
List view
Clean, structured overview of all scripts and styles.
Tree view
Visual representation of dependency chains. Circular or missing dependencies are clearly flagged.
Filtering
Quickly filter by handle or source to narrow down large lists. Filtering works client side for fast inspection.

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Script Report」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

1.0.0 | trunk |

延伸相關外掛（你可能也想知道）

  • Header and Footer Scripts 》如果您正在運行 WordPress 網站，早晚都需要將某種代碼插入到您的網站上。最有可能的是網頁分析代碼，例如 Google Analytics，或者是社交媒體腳本、某些 CSS ...。
  • CSS & JavaScript Toolbox 》感謝您查看我們的程式碼片段外掛。我相信它將完全符合您的需求。, 適用於以下情況：, , 前端修改（無需修改主題文件）, 添加功能（無需修改functions.php）, ...。
  • Greenshift Smart Code AI 》- SMART CODE AI是一款開創性的WordPress外掛，利用人工智慧的能力，輔助您輕鬆建立自訂的程式碼片段。, - 功能與優勢：, - AI輔助建議：先進的AI技術即時...。
  • Speed Up – JavaScript To Footer 》這個小巧的 WordPress 外掛（2 KB）將 JavaScript 移到頁尾，增加頁面載入速度。, 注意：此外掛只會在其他外掛和主題正確添加 JavaScripts 的情況下運作。, ...。
  • Cache External Scripts 》當嘗試優化 Google Pagespeed分數時，常常會有一個腳本引起「Leverage browser caching」規則彈出：即Google自己的gtag.js和/或analytics.js文件…, 使...。
  • Speed Up – Browser Caching 》這個大小為 10 Kb 的小型 WordPress 外掛可以啟用 Apache 網頁伺服器的瀏覽器快取功能，幫助瀏覽器快取靜態檔案的本地副本，提升網頁載入速度。, 不需要任何...。
  • Speed Up – Clean WP 》這個小巧的 WordPress 外掛（5 Kb）會透過移除 comment-reply.min.js 和 jquery-migrate.js 腳本、停用「嵌入式」（embeds）和「表情符號」（emoji）功能，以...。
  • WP Scripts & Styles Optimizer 》優化所包含的 JavaScript 和 CSS 文件可能是一個非常重要的事情，如果您想要更快的網站。許多 WordPress 插件帶有多個第三方和/或自己的 JavaScript 文件，這...。
  • Version Assets 》此外掛可以自動應用基於內容的版本號，以優化瀏覽器快取效能。。
  • Enhanced Header / Footer Injections 》增強式 Header / Footer Injections 外掛允許您針對每個頁面，將 HTML 代碼插入到您的範本的標頭和頁腳部分。此外，此外掛還與自訂文章類型、封存頁面、404 ...。
  • Conditionally Load CF7 》Contact Form 7 在預設設置下會在每個頁面載入其 JavaScript 和 CSS 樣式表，這會拖慢頁面載入速度，並消耗伺服器和客戶端資源。使用此外掛程式來控制腳本載...。
  • Optimize Scripts & Styles 》Optimize Scripts & Styles是一個WordPress外掛程式，它在結合、減小檔案體積和快取javascript和css檔案時優化您的網站。這將有助於減少提供的檔案數量及...。
  • WP Enqueue 》這個外掛可以大大簡化腳本 (scripts) 和樣式 (styles) 的加載，您可以透過獨立的選項菜單頁面進行管理。, 您可以把腳本和樣式加載到頁面的 head 或 footer ，...。
  • WP cdnjs 》利用強大而免費的CDNjs加速您的網站。此外掛可讓您搜尋全部 http://cdnjs.com 的庫資料並將它們加入您的網站中。, 由 Audioscavenger 自豪地更新。, 需要 PHP...。
  • Disable Styles & Scripts 》禁用選定的WordPress外掛（及/或主題）的樣式和腳本。設定條件，進行評估。。

文章
Filter
Apply Filters
Close
Mastodon