DSH 的插件化架構下，界面元素往往由宿主或多個插件共同渲染。當需要定位某個 UI 控件屬於哪個模塊，或者希望隱藏界面上的干擾項時，手動排查 DOM 結構既繁瑣又容易出錯。dsh-element-inspector 插件通過本地算法識別元素歸屬，並提供導出與隱藏功能。
插件簡介¶
這是一個非官方的社區項目，用於識別 DeepSeek Harness 頁面元素的歸屬，將其從宿主界面或已安裝的插件中區分開來，支持導出（截圖、HTML、Markdown）和持久隱藏。
核心功能¶
- 基於證據的歸屬識別：通過 DOM 標記、祖先距離和源代碼匹配區分 DSH 界面與插件，而非僅依賴名稱。
- 源發現與快速導航：展示匹配的所有者、版本和源文件，支持打開插件目錄或倉庫。
- 元素導出：支持本地截圖（PNG）、複製
outerHTML或轉換爲 GitHub Flavored Markdown。 - 持久隱藏：可隱藏選中的元素，並支持單獨恢復或清空規則。
- 可配置快捷鍵：默認快捷鍵爲 F1，可在插件配置中修改。
安裝與啓用¶
安裝預構建包到 web profile：
dsh plugin --profile web add dsh-element-inspector
安裝後需重啓對應的 DSH Web 或 Desktop 實例。若需從 GitHub 源碼安裝，可使用：
dsh plugin --profile web add github:muyuanjin/dsh-element-inspector#v0.7.0
典型用法¶
- 按下配置的快捷鍵（默認 F1）進入選擇模式。
- 移動鼠標預覽元素，點擊進行 inspect。
- 查看歸屬結果，展開查看證據（如 React owner、包名等）。
- 執行操作：截圖、複製 HTML/Markdown、打開源碼位置或隱藏元素。
- 再次按下快捷鍵或通過設置修改快捷鍵，或在插件配置中管理隱藏規則。
適用場景與注意¶
- 適用場景：需要快速確認 UI 元素來源，或需要隱藏特定插件/宿主界面干擾的開發與調試場景。
- 限制：該插件以當前 DSH 進程權限運行。歸屬識別基於本地證據評分算法，並非代碼簽名或官方審計，確認結果不代表插件絕對可信。不支持檢查 iframe、關閉的 shadow root、canvas 繪製內容和 CSS 僞元素。
- 版本要求：DeepSeek Harness >= 0.1.0-rc.8 < 0.2.0-0。
總結¶
該工具通過本地算法解決了 DSH 插件化架構下的界面溯源問題，適合需要在開發調試階段精細控制界面的用戶。
