Title: Frontend Debugger Author: Viktor Szépe Published: 2015 年 3 月 11 日 Last modified: 2015 年 8 月 29 日 --- 搜尋外掛 ![](https://ps.w.org/frontend-debugger/assets/banner-772x250.png?rev=1110542) 這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個 外掛進行維護或提供技術支援，並可能會與更新版本的 WordPress 產生使用上的相容性問題。 ![](https://ps.w.org/frontend-debugger/assets/icon-256x256.png?rev=1110542) # Frontend Debugger 由 [Viktor Szépe](https://profiles.wordpress.org/szepeviktor/) 開發 [下載](https://downloads.wordpress.org/plugin/frontend-debugger.0.9.0.zip) * [詳細資料](https://tw.wordpress.org/plugins/frontend-debugger/#description) * [使用者評論](https://tw.wordpress.org/plugins/frontend-debugger/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/frontend-debugger/#installation) * [開發資訊](https://tw.wordpress.org/plugins/frontend-debugger/#developers) [技術支援](https://wordpress.org/support/plugin/frontend-debugger/) ## 外掛說明 #### Only for development! Displays: * Header * Thumbnails * The Loop (content) * Footer * Included template parts * Highlight script, link and style elements To remove **all** registered scripts and styles add `?remove-scripts` to the URL. All these scripts and styles will be listed at the bottom of the footer as HTML comment. This way it is possible to detect non-WordPress script printing. If you are not an administrators add `?view-source` to the URL to activate Frontend Debugger. Notice: This plugin uses regular expressions and `eval()` to get the current template apart. TODO: sidebar, search-form. The mini control panel contains: * Header, Thumbnails, The Loop, Footer, Included files anchors * Toogle button for line numbers * Toggle button for line wrapping * Toggle button for showing line ends * Button for script and style highlighting From the second click on the `Highlight` button loops through (scrolls to) all scripts and styles. The control panel’s state is kept in your browser’s [localStorage](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage). Development of this plugin goes on on [GitHub](https://github.com/szepeviktor/frontend-debugger). Please contribute by sending PR-s implementing my TODO-s. ## 螢幕擷圖 [⌊The Loop.⌉⌊The Loop.⌉[ The Loop. [⌊The Header.⌉⌊The Header.⌉[ The Header. [⌊Included files.⌉⌊Included files.⌉[ Included files. ## 安裝方式 This section describes how to install the plugin and get it working. 1. Uppack the ZIP to the `/wp-content/plugins/` directory 2. Activate the plugin through the ‘Plugins’ menu in WordPress ## 使用者評論 ![](https://secure.gravatar.com/avatar/849b5e0575ba69c656852107836ed26fafe535916b8ebfd8bdf5ed579bedf9ac? s=60&d=retro&r=g) ### 󠀁[Great plugin!](https://wordpress.org/support/topic/great-plugin-7350/)󠁿 [Denis Stoyanov](https://profiles.wordpress.org/denisstoyanov/) 2016 年 9 月 3 日 Saves a lot of time when wondering which template file is responsible for the view. Especially when themes include their own files and override the default templates. [ 閱讀全部 1 則使用者評論 ](https://wordpress.org/support/plugin/frontend-debugger/reviews/) ## 參與者及開發者 以下人員參與了開源軟體〈Frontend Debugger〉的開發相關工作。 參與者 * [ Viktor Szépe ](https://profiles.wordpress.org/szepeviktor/) [將〈Frontend Debugger〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/frontend-debugger) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/frontend-debugger/)、 查看 [SVN 存放庫](https://plugins.svn.wordpress.org/frontend-debugger/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/frontend-debugger/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/frontend-debugger/)。 ## 變更記錄 #### 0.9.0 * Added `remove-scripts` GET parameter * Added `Highlight` button secondary function: loop through all scripts and styles #### 0.8.0 * Added template part detection from barrykooij’s What The File plugin. * Updated fail2ban trigger on direct access. * Added support for `get_template_part()` detection. * WordPress 4.3 compatibility. #### 0.7.1 * Fixed site_url() instead home_url(). #### 0.6 * Highlight script, link and style elements. #### 0.5 * Prevent search engine indexing. #### 0.4 * Display page URL. * Some visual cosmetics. #### 0.3 * Include remote scripts and styles. #### 0.2 * Initial release. ## 中繼資料 * 版本 **0.9.0** * 最後更新 **11 年前** * 啟用安裝數 **少於 10 次** * WordPress 版本需求 ** 3.0.1 或更新版本 ** * 已測試相容的 WordPress 版本 **4.3.34** * 語言 * [English (US)](https://wordpress.org/plugins/frontend-debugger/) * 標籤: * [debug](https://tw.wordpress.org/plugins/tags/debug/)[debugging](https://tw.wordpress.org/plugins/tags/debugging/) [developer](https://tw.wordpress.org/plugins/tags/developer/)[development](https://tw.wordpress.org/plugins/tags/development/) [Frontend](https://tw.wordpress.org/plugins/tags/frontend/)[html](https://tw.wordpress.org/plugins/tags/html/) [source](https://tw.wordpress.org/plugins/tags/source/) * [進階檢視](https://tw.wordpress.org/plugins/frontend-debugger/advanced/) ## 評分 5 星，滿分為 5 星 * [ 1 個 5 星使用者評論 ](https://wordpress.org/support/plugin/frontend-debugger/reviews/?filter=5) * [ 0 個 4 星使用者評論 ](https://wordpress.org/support/plugin/frontend-debugger/reviews/?filter=4) * [ 0 個 3 星使用者評論 ](https://wordpress.org/support/plugin/frontend-debugger/reviews/?filter=3) * [ 0 個 2 星使用者評論 ](https://wordpress.org/support/plugin/frontend-debugger/reviews/?filter=2) * [ 0 個 1 星使用者評論 ](https://wordpress.org/support/plugin/frontend-debugger/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/frontend-debugger/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/frontend-debugger/reviews/) ## 參與者 * [ Viktor Szépe ](https://profiles.wordpress.org/szepeviktor/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/frontend-debugger/) ## 贊助 想要支援這個外掛的發展嗎？ [ 贊助這個外掛 ](https://szepe.net/wp-donate/)