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

目录

• 為每個頁面和域名設置單獨CSS
• 必備超級好用的代碼編輯器
• 用右鍵菜單快速選擇
• 集成Chrome開發者工具
• 代碼導出

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

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

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

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

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

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

Contents

• 為每個頁面和域名設置單獨CSS
• 必備超級好用的代碼編輯器
• 用右鍵菜單快速選擇
• 集成Chrome開發者工具
• 代碼導出

為每個頁面和域名設置單獨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自定義擴展，推薦分享有定製需求的人使用

标签: none