/www/wwwroot/paidaohang.org/usr/plugins/AMP/templates/MIPpage.php on line 31
">

Amino實時CSS編輯器 為每個網頁定製獨立樣式

2019-12-26T00:00:00

在平常逛網頁的時候,相信肯定有人和我一樣有過想要修改網頁的時候

比如遇到一些網站會加載很多自己用不到的東西,通知欄、在線客服、推廣信息等,就想要去掉他們

還有一些網站某些地方會有錯誤,用戶體驗非常差

或者只是想要更改一下別人網站的配色

這些需求,其實我們都可以用Amino這個擴展來實現

Amino 是一款實時的CSS編輯工具,它能夠為任意網站或頁面添加自定義的CSS代碼,並將其存儲在瀏覽器中,讓你擁有屬於自己的獨特網站樣式

Contents

為每個頁面和域名設置單獨CSS

默認打開Amino是為單獨頁面進行設計,每個頁面都可以有不同的CSS樣式

為了適應網站所有的頁面,我們可以點擊 Domain,將其調整為域名,這樣只要一次調整,就能在整個網站使用,每個域名都可以設置不同的樣式,不會產生任何影響

必備超級好用的代碼編輯器

雖然只是一個簡單的CSS編輯擴展,但是Amino 提供了非常不錯的編輯器

其功能包括

  • 代碼高亮
  • 自動補全
  • 自動更新
  • 暗黑主題
  • 獨立面板

所有設置,你可以到擴展選項的General Preferences中進行選擇

用右鍵菜單快速選擇

Amino還提供了一個快捷右鍵菜單,幫助我們快速複製出CSS選擇器,其中有2個相關功能

  • Copy This Selector:直接複製CSS選擇器,優點是速度快
  • Inspect Elements:這個工具類似與Chrome開發者工具,可以用來精確查找某個元素

在選擇元素時,這2個工具非常有用

集成Chrome開發者工具

雖然Amino的選擇器很好用,但對於一些複雜的網站,很多時候我們還是要用開發者工具來輔助才行,Amino的開發者也考慮到了這點,它提供了一個集成

打開Elements選項卡,你會在最右側看到Amino的選項

代碼導出

為了方便用戶遷移,Amino還提供了代碼導出功能,可以一鍵導出你設置的每段代碼

只需要選項 – Archive,點擊Download按鈕下載所有自定義代碼

在導出文件中就可以看到每個網站的定製CSS代碼

Amino 是一款非常強大而且必備超級好用的CSS自定義擴展,推薦分享有定製需求的人使用

当前页面是本站的「Baidu MIP」版。发表评论请点击:完整版 »