首頁 > web前端 > js教程 > 名為「為開發人員開啟新標籤」的瀏覽器擴充

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

WBOY
發布: 2024-09-06 13:00:25
原創
1032 人瀏覽過

A browser extension called

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

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板