身為開發人員,我經常瀏覽 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中文網其他相關文章!