名為「為開發人員開啟新標籤」的瀏覽器擴充

身為開發人員，我經常瀏覽 Medium.com 和 Hacker News 等網站，但這些網站上的連結在同一個分頁中開啟。讀完一篇文章後，我必須導航回主站點，這對使用者體驗產生了負面影響。在新分頁中開啟連結會更好。

因此，我建立了一個名為「開啟新分頁」的瀏覽器外掛程式。

為什麼我必須寫一個新外掛？因為我搜尋並使用了一些現有的插件，但它們大多實作了通用邏輯。這個一般邏輯很簡單，而且確實適用於大多數網站。然而，這還不夠；僅僅編寫一般邏輯對於某些特定網站來說是行不通的。此類插件的功能與廣告攔截插件非常相似，需要處理特定網站的特定 DOM 結構。

以 Medium 為例。它的標籤的href屬性並不是一個完整的URL而是一個奇怪的路徑字串。完整的 URL 實際上位於祖先元素的 data-href 屬性中。因此對於這個網站，更好的方法是獲取完整的 URL，然後在新分頁中開啟它。

因此，這個外掛程式的特點是，在滿足Google等所有常規網站在新分頁中開啟連結的需求的同時，也為開發者經常造訪的網站（例如Medium、Hacker News）提供了特殊處理。

因此，這個外掛程式更合適的名稱實際上是：「為開發人員開啟新分頁。」

指導教授：https://www.bilibili.com/video/BV1hrpMe4E6x/
GitHub：https://github.com/cunzaizhuyi/open-new-tab-extension

以上是名為「為開發人員開啟新標籤」的瀏覽器擴充的詳細內容。更多資訊請關注PHP中文網其他相關文章！