年度最受歡迎的開源CHROME外掛

TJ君發表於2021-12-22
Chrome

又到了年底，時間過得飛快，每到年底就有各種各樣的總結各種各樣的獎項出來。前幾天谷歌就公佈了2021年年度最受歡迎Chrome外掛名單，名單共有13個。

讓很多網友費解的是，其中有很多並不是今年剛出現的新外掛，大家心裡的疑問是年底評選不是應該只評當年的新貨色嗎？

對於這個話題，每個人都有自己的理解，TJ君也不準備多討論，不過既然能進入榜單的肯定都是不錯的外掛，其中也不乏開源的作品，所以今天TJ君就準備給大家分享榜單中的幾款開源外掛！（想看下以前推薦的外掛嗎？點這裡）

Dark Reader

這款開源外掛可能不少小夥伴已經在用了，畢竟已經是個上線多年的老面孔了，不過可能因為Chrome自己一直沒有推出類似的黑夜模式，所以也算是一直在金字塔尖的存在。

Dark Reader，是一款主打黑暗風格的外掛，可以實現一鍵切換，並進行各種亮度、對比度等指數的調整。

很多小夥伴都覺得黑色，黑暗模式，可以讓自己的雙眼更舒服。

開源的Dark Reader專案提供三種不同的安裝方式：

  • 從NPM安裝軟體包
  • 或從原始碼生成（NPM執行api）
  • 或者通過CDN（如unpkg或jsDelivr）

可以使用以下程式碼來控制Dark Reader的API：

DarkReader.enable({
    brightness: 100,
    contrast: 90,
    sepia: 10
});

DarkReader.disable();

// Enable when the system color scheme is dark.
DarkReader.auto({
    brightness: 100,
    contrast: 90,
    sepia: 10
});

// Stop watching for the system color scheme.
DarkReader.auto(false);

// Get the generated CSS of Dark Reader returned as a string.
const CSS = await DarkReader.exportGeneratedCSS();

// Check if Dark Reader is enabled.
const isEnabled = DarkReader.isEnabled();

ES 模式下是這樣的：

import {
    enable as enableDarkMode,
    disable as disableDarkMode,
    auto as followSystemColorScheme,
    exportGeneratedCSS as collectCSS,
    isEnabled as isDarkReaderEnabled
} from 'darkreader';

enableDarkMode({
    brightness: 100,
    contrast: 90,
    sepia: 10,
});

disableDarkMode();

followSystemColorScheme();

const CSS = await collectCSS();

const isEnabled = isDarkReaderEnabled();

看看效果，還不錯吧，最新版本是v4.9.43

Tab Manager Plus

Tab Manager Plus，是一個管理Chrome標籤頁的外掛，可以對標籤頁進行搜尋、移動、儲存。可能光說的話不夠直觀，TJ君給你露一手~

新建一個視窗：

標籤頁拉進去~

Tab Manager Plus 會提供一個包含所有標籤頁和視窗的縮圖，在縮圖裡就可以進行標籤頁的各種操作，並且可以輕鬆找到你要的標籤頁，非常適合我們程式設計師中一部分習慣有時候查資料查程式碼一下子會開啟很多標籤的小夥伴。

還有一些實用功能，類似高亮顯示重複開啟的標籤頁、一鍵關閉選中標籤頁之外的內容等。

目前最新的版本是5.2.0。

stylus

大家對於使用自己的電腦和使用公共電腦最大的區別是什麼？當然是自己的電腦上會有很多自己精心挑選使用的風格主題，讓自己有一種歸屬感對不對？

Stylus就是這樣一個負責管理網頁外觀的樣式管理器，其實他的前身是另一個外掛Stylish，但是Stylish已經停止更新了，所以Stylus就在Stylish1.5.2的基礎上進行後續的開發更新。

我們可以看下作者給出的各種不同效果：

目前最新的版本是v1.5.22。實際功能介面如下：

想嘗試下年度最受歡迎的三款外掛或者看下開原始碼的小夥伴，趕緊來獲取下載地址了，覺得有用的話記得持續關注TJ君並介紹給你的好朋友哦！地址如下：https://mp.weixin.qq.com/s/_JIcz00CpZrnoiHLh5Vy3Q

相關文章