Plugin API
繁體中文
繁體中文
  • 入門
    • 簡介
    • 你的第一個插件
    • 檔案結構概述
    • 插件類型
      • 視窗
      • 背景服務
      • 格式擴充
      • 檢查器
    • 除錯插件
  • 部署
    • 準備插件
    • 打包插件
    • 發佈插件
    • 更新插件
    • 開發者政策
    • 插件圖示樣板
  • 開發指南
    • manifest.json 完整設定
    • 取得數據
    • 修改數據
    • 存取本機檔案
    • 發出網路請求
    • 使用 Node.js 原生 API
    • 使用第三方模快
    • 多國語言(i18n)
    • 無邊框視窗
  • API 參考
    • event(事件)
    • item(項目)
    • folder(資料夾)
    • tag(標籤)
    • tagGroup(標籤群組)
    • library(資源庫)
    • window(視窗)
    • app(應用)
    • os(作業系統)
    • screen(螢幕)
    • notification(通知)
    • contextMenu(右鍵選單)
    • dialog(對話框)
    • clipboard(剪貼板)
    • drag(拖曳檔案)
    • shell(殼)
    • log(日誌)
  • 额外组件
    • FFmpeg
Powered by GitBook
On this page
  • 視窗插件除錯
  • 縮圖插件除錯
  • 預覽插件除錯
  • 日誌系統
  1. 入門

除錯插件

這篇文章將詳細介紹有效除錯、除錯 Eagle 插件的方式。

Previous檢查器Next準備插件

Last updated 2 years ago

視窗插件除錯

開啓插件後,點擊 F12鍵即可開啓 DevTools 除錯工具。

具體步驟如下:

  1. 在 Eagle 中開啓您要除錯的插件,按下 F12 鍵,這將開啓 DevTools。

  2. 在 DevTools 中,您可以查看插件的程式碼,並使用斷點、除錯工具來除錯插件的執行過程。

  3. 您還可以使用 DevTools 中的其他工具來查看插件的效能、記憶體使用情況等資訊。

縮圖插件除錯

縮圖插件運行在背景,程式碼僅會在檔案新增、更新時被執行,如果你想要對縮圖功能程式碼進行除錯,你可以在 manifest.json 檔案中,將 devTools 屬性設定為 true ,並在程式碼設定 debugger 斷點,即可在 devTools 工具進行除錯工作。

預覽插件除錯

新增並選中你想要開發的檔案格式檔案到 Eagle 中,開啓插件面板,點擊你正在開發預覽插件,即可開啓一個獨立的預覽視窗,你可以點擊 F12 開啓 DevTools 進行除錯。

瞭解更多:如果您不確定如何使用 DevTools,您可以查看下面這些學習資料來學習

日誌系統

注意:預覽、縮圖插件目前不支援日誌 API。

日誌系統是一種用於記錄軟體運行狀態的工具,它可以幫助開發人員更快地定位和解決問題。日誌系統會記錄軟體的錯誤資訊、警告資訊、運行時間等資訊,可以作為一種除錯工具。在非開發環境下,日誌系統可以有效地幫助開發人員找出問題的原因,並採取措施解決問題。

eagle.log.debug('debug message from plugin');
eagle.log.info('info message from plugin');
eagle.log.warn('warn message from plugin');
eagle.log.error('error message from plugin');

// [13:19:39.845] [debug] [plugin] "debug message from plugin"
// [13:19:39.845] [info] [plugin] "info message from plugin"
// [13:19:39.845] [warn] [plugin] "warn message from plugin"
// [13:19:39.845] [error] [plugin] "error message from plugin"

Google 官方文檔:

MDN Web 文檔:

W3Schools 教程:

Eagle Plugin API 提供了一種用於記錄插件運行資訊的 功能,這樣,開發人員就可以將插件的運行、警告、錯誤等資訊記錄在 Eagle 的軟體日誌中。使用這種功能,只需向使用者提供除錯報告,就能查看到這些資訊。在開發插件時,使用日誌功能可以幫助開發人員快速定位和解決問題。

瞭解更多:

點擊這裏查看 Eagle 獲取方式。

https://developers.google.com/web/tools/chrome-devtools
https://developer.mozilla.org/zh-CN/docs/Tools
https://www.w3schools.com/js/js_debugging.asp
log
Log - API 參考
軟體日誌