又到了年底,時間過得飛快,每到年底就有各種各樣的總結各種各樣的獎項出來。前幾天谷歌就公布了2021年年度最受歡迎Chrome插件名單,名單共有13個。
讓很多網友費解的是,其中有很多并不是今年剛出現的新插件,大家心裡的疑問是年底評選不是應該隻評當年的新貨色嗎?
對于這個話題,每個人都有自己的了解,TJ君也不準備多讨論,不過既然能進入榜單的肯定都是不錯的插件,其中也不乏開源的作品,是以今天TJ君就準備給大家分享榜單中的幾款開源插件!(想看下以前推薦的插件嗎?點這裡)
Dark Reader
這款開源插件可能不少小夥伴已經在用了,畢竟已經是個上線多年的老面孔了,不過可能因為Chrome自己一直沒有推出類似的黑夜模式,是以也算是一直在金字塔尖的存在。
Dark Reader,是一款主打黑暗風格的插件,可以實作一鍵切換,并進行各種亮度、對比度等指數的調整。
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsIyZuBnLwITOyEjN0QjMx0iNxQDN0gTMxIjMyITMxIDMy0SMxIDMzYjMvwlMxEjMwIzLcFTMyAzM2IzLcd2bsJ2Lc12bj5ycn9Gbi52YuAjMwIzZtl2Lc9CX6MHc0RHaiojIsJye.png)
很多小夥伴都覺得黑色,黑暗模式,可以讓自己的雙眼更舒服。
開源的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