分享乙個實現夜間模式的瀏覽器擴充套件

2021-09-24 07:18:57 字數 840 閱讀 4882

最近花了些時間,做乙個瀏覽器上實現夜間模式的擴充套件。目前已在谷歌、火狐、360瀏覽器中上架,從瀏覽器擴充套件/附加元件中搜尋「夜間助手」即可安裝使用。

一些演示

為什麼要做這個擴充套件?

就我們程式設計師的工作而言,需要長時間地接觸瀏覽器,或在瀏覽器上進行開發,或搜尋一些資料、教程等。但長時間的白底黑字,以及在晚上瀏覽時,螢幕會讓人感覺比較刺眼,這樣既不利於我們舒適地上網,也不利於眼睛的健康。

平台單一,很多擴充套件只出現在乙個瀏覽器上。如果想在其他瀏覽器上得到類似的效果,只能尋找其他擴充套件。

過渡效果不佳,重新整理頁面或開啟乙個新標籤時,會有很明顯的白色背景一閃而過,這是乙個比較致命的問題(這裡指頁面已經載入完成後的空白,擴充套件受限於瀏覽器,頁面還未載入時的空白暫無解決辦法,在某些瀏覽器中安裝深色主題可以緩解這一問題)。

侵入性強,直接改變了原網頁的背景、文字顏色等。合理的搭配在某些時候可以起到良好的效果,但也可能造成原網頁模糊不清,色彩混亂。

所以作為開發瀏覽器擴充套件的小白,也覺得有必要自己做乙個夜間模式擴充套件,畢竟這跟自己的工作、生活息息相關。

由於這裡不是「從零開始做乙個瀏覽器擴充套件」的教程,關於技術就不過多解釋,實際上該擴充套件的**也十分簡單。下面可以分享一些參考文件,以及在谷歌、火狐、360瀏覽器中開發擴充套件的一些異同,供感興趣的小夥伴們參考。

在谷歌、火狐、360瀏覽器中開發擴充套件的區別

各瀏覽器的擴充套件開發文件

按照作者的經歷,它們之間大同小異。谷歌瀏覽器擴充套件可以不加修改地發布在360瀏覽器上,而在火狐瀏覽器上,基本上把chrome物件改為browser就可以正常執行了,所以上面的文件只學習乙個就差不多了。

由於作者剛接觸瀏覽器擴充套件開發不久,上面的表述還只是泛泛而談,更多的還是需要自行探索。最後

分享乙個實現夜間模式的瀏覽器擴充套件

最近花了些時間,做乙個瀏覽器上實現夜間模式的擴充套件。目前已在谷歌 火狐 360瀏覽器中上架,從瀏覽器擴充套件 附加元件中搜尋 夜間助手 即可安裝使用。一些演示 為什麼要做這個擴充套件?就我們程式設計師的工作而言,需要長時間地接觸瀏覽器,或在瀏覽器上進行開發,或搜尋一些資料 教程等。但長時間的白底黑...

推薦乙個瀏覽器 搜狗

上邊顯示自己的登陸的賬戶,有各種工具,在最下邊一行中的各種工具很強大,可以新增各種工具,搜狗瀏覽器本身提供了各種常用的瀏覽器,使用起來十分方便,我用的較多的有訊息盒子 在訊息盒子中可以繫結自己的各種賬號,各種通知都可以進行瀏覽 收藏夾也十分有用,個人比較喜歡 還有上邊的京東 了解購物資訊很方便的 本...

瀏覽器訪問乙個位址的過程

1.若dns快取中沒有相關資料,則ie瀏覽器先向dns 伺服器發出dns請求 這一過程的目的是獲取www.sina.com這個網域名稱所對應的ip位址 ie瀏覽器向本機dns模組發出dns請求,dns模組生成相關的dns報文 dns模組將生成的dns報文傳遞給傳輸層的udp協議單元 udp協議單元將...