年度最受歡迎的開源CHROME插件

本文轉載自查看原文 2021-12-22 21:21 795 開源項目/ 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