[WordPress] 外掛分享： KL Debug

前言介紹

• 這款 WordPress 外掛「KL Debug」是 2020-02-24 上架。
• 目前有 10 個安裝啟用數。
• 上一次更新是 2022-06-24，距離現在已有 1045 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
• 外掛最低要求 WordPress 5.2 以上版本才可以安裝。
• 外掛要求網站主機運作至少需要 PHP 版本 7.2 以上。
• 有 1 人給過評分。
• 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

krealab |

外掛標籤

debug | toolbar | developer |

內容簡介

在 WordPress 網站中加入 Debug Bar 以調試和開發您的佈景主題、外掛程式等等。

您可以使用這個外掛在同一位置找到您想要調試的每個變數，並使用調試功能顯示它們。

先決條件

為完整幫助您調試網站，您需要在 wp-config.php 文件中添加一些代碼。

define( 'WP_DEBUG', true ); // 顯示 PHP 錯誤、通知和警告
define( 'SAVEQUERIES', true ); // 在當前頁面中顯示查詢
define( 'WP_DISABLE_FATAL_ERROR_HANDLER', true ); // 禁用 WP 致命錯誤處理程序

使用調試功能

要調試一個簡單的變數，您可以使用：

要調試一個變數並在之後停止過程，您可以使用：

在調試欄中調試變數

這是外掛的主要方面之一，可以在獨立的位置調試變數。

調試變數時最困難的任務之一是處理容器寬度，使用該外掛程序時，您可以在當前頁面上添加變數的調試欄。

要將變數添加到調試欄中，您可以使用以下函數：

您可以添加自訂的標籤到調試欄，以過濾您的變數：

kl_debug_add_var(
$var, //您想要調試的變數
'Your variable title', // 如果您想對變數進行命名
'The section title', // 標籤標題
'the-section-slug' // 標籤 slug
);
?>

設置面板中的 Whoops 是什麼？

Whoops 是我們用來顯示錯誤處理的框架。(參考帶有堆疊框架的美觀錯誤處理程序)

原文外掛簡介

Add a Debug Bar to your WordPress website to debug and develop your themes, plugins, etc…
With the plugin you can find every variables you want to debug in the same place and use debug functions to display them.
Prerequisites
To fully help you to debug your website you need to add some code to your wp-config.php file.
define( 'WP_DEBUG', true ); // PHP errors, notices and warnings will be displayed
define( 'SAVEQUERIES', true ); // Display queries in current page
define( 'WP_DISABLE_FATAL_ERROR_HANDLER', true ); // Disable WP Fatal error handler

Usage of the debug functions
To debug a simple variable you can use:

To debug a variable and stop the process after you can use:

Debug a variable in the debug bar
This is one of the main aspect of the plugin, to debug variables in a separate place.
The most difficult task when you debug a variable is to deal with container width, with the plugin you have a debug bar where you can add the variables of the current page.
To add a variable to the debug bar you can use the function bellow:

You can add custom tabs in the debug bar to filter you variables:

What’s Whoops in the setting panel?
Whoops is the framework that we use to display error handling. (cf. Pretty error handler with stack frames)

各版本下載點

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

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

---

1.0 | 1.0.1 | 1.0.2 | 1.0.3 | 1.0.4 | 1.0.5 | trunk |

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

• Show Current Template 》這是一款 WordPress 外掛程式，可以在工具列中顯示目前的模板檔案名稱、主題名稱和已包含的模板檔案名稱。如果您喜歡這個外掛， 歡迎買我一杯咖啡！😉此外，...。
• What The File 》What The File 是一個 WordPress 外掛，在您的工具列中增加了一個選項，顯示目前正在檢視的頁面所使用的文件和模板部分。, 您可以通過單擊文件名直接使用佈景...。
• Hide Admin Bar from Non-Admins 》安裝、啟用，即可完成。, 本外掛可隱藏 WordPress 工具列（管理員列）對於沒有「管理者」角色的訪客及使用者。這是一個相當簡單的外掛，不需要進行設定。, , ...。
• Toolbar Extras for Elementor & More – WordPress Admin Bar Enhanced 》on and Elementor Pro supported, Create new Elementor templates right from the Toolbar, Jump to Granular Controls settings with one click, Plugin In...。
• Admin Bar Disabler 》設置非常簡單.. 只需要在您選擇的網站上安裝並啟用它（或網絡啟用），並根據您的需要設置設置。, 此外，此外掛支援 Per-Site 和 Per-Network（ WordPress Mul...。
• My WP Customize Admin/Frontend 》這個外掛讓管理者和前端使用者都能輕鬆地進行自訂設定。許多自訂篩選器和操作，還包含開發者工具。, 示範網站在這裡：https://tastewp.com/new/?pre-installe...。
• which template file 》想知道 WordPress 在前台顯示頁面時使用哪個模板嗎？, 這個外掛可以幫您達成這個目的。您可以在免費的模擬網站上嘗試使用：點此連結 => https://tastewp.c...。
• Auto Hide Admin Bar 》自動隱藏管理列 (Auto Hide Admin Bar) 可以讓 WordPress 工具列消失，在游標移到瀏覽器視窗頂部時，它又會重新出現。, 這樣您就可以擁有一個整潔的網站視圖...。
• Real Accessability 》真正的無障礙外掛會在您的網站上添加易於使用且直覺的無障礙工具欄。, 真正的無障礙擁有以下特點：, , 增加字體/文字大小, 減少字體/文字大小, 將視圖變為黑...。
• Disable Toolbar 》這個簡單的外掛在「設定」>「一般」中加入一個選項，可以控制網站訪客在查看您的網站時是否看到 WordPress 工具列。, 您可以按使用者角色開啟或關閉工具列...。
• WPDevDesign – Oxygen – Navigator 》這個外掛在工具列中添加了模板和頁面，以便直接使用 Oxygen 編輯所選項目。, 頂級的 模板(Templates) 和 頁面(Pages) 管理列選單項目會連結到 WordPress 管理...。
• WooCommerce Admin Bar Addition 》, 更快速地存取您的 WooCommerce 商店資源-省時省力！, 這個小巧、輕量化的外掛程式只是將大量 WooCommerce 相關資源添加到您的 WordPress 工具列 / 管理員工...。
• Remove Admin Bar logo 》此外掛會移除 WordPress 後台工具列上的標誌，讓介面更簡潔。無需設定，啟用後立即生效。。
• Post Editor Buttons Fork 》在 TEXT 編輯器工具列中新增自訂按鈕。, 這是 Oren Yomtov 的外掛分支。, 不確定差評和「無法運作」的原因是什麼。有可能使用者沒有注意到這只會新增標籤到 H...。
• Hide WP Toolbar 》這個 WordPress 外掛讓您能夠輕鬆地按下一個按鈕隱藏或顯示前端 WordPress 管理工具欄。此外掛在 WordPress 網站前端的管理區域外加入了一個特殊按鈕，只有在...。