有時在逛別人網站時一定加減都會有覺得某些網站閱讀起來不是太方便,比如說可能字體太小、顏色深淺問題、行距或字距間隔不夠大之類等等,不過總是別人的網站,也不能請版主為了你修改版面,如果內容夠好也只能勉強閱讀,不過現在只要你稍微的了解CSS(但其實是所見即得編輯器,不懂也沒關係),就可以透過Google Chrome擴充套件《Stylebot》隨意修改別人的網站版面,符合你的閱讀習慣。

Google Chrome擴充套件《Stylebot》小檔案:

官方網站:請點我
套件版本:0.2.4.1
套件語系:英文
官方載點:請點我

Stylebot使用介紹:

進入網站後,點擊「安裝」,下載後再點擊「安裝」。

01

安裝成功後在Google Chrome網址列最右邊會多出一個「CSS」圖示,點擊之後就會出現編輯器,我們往下來看看如何使用。

02

首先,先針對想要修改的區塊,先點一下編輯器上方的選擇區塊工具,然後再移到網站版面上,當移動到版面區塊是會出現綠色框框,如果想要修改這一個區塊的css,就再點擊一下,就能選定區塊。

03

選定區塊後就可以在編輯器裡開始設定CSS參數,不懂CSS也沒關係,只要大概試一下,就會知道每一個項目設定後有什麼差異性,可設定的項目非常的多,基本的CSS都已經包括在內。

04

如果你是CSS的高手,可能用不慣所見即得編輯器,這時就可以點擊下方的「Advanced」進階模式,也就是文字編輯的方式,自行撰寫CSS,進階的好處是,可以自訂的CSS更彈性,因為有些是編輯器沒有內建的。

05

如果你是修改自己的網站,在改完之後想要真的套用到網站的話,可以點擊下方旳「Edit CSS」,就會出現剛剛修改區塊的完整語法,這時再替換到自己網站上的樣式表即可。

06

當然有時可能還是會想要看看原作者的版面,只要按下「Reset Page」,就會將頁面所修改的CSS還原最初樣式,看到這裡可別誤會這真的修改了別人的版面,所有修改的內容都只有在你自己的瀏覽器上呈現,是要讓自己方便而已,別人可看不到哦。

07

如果你希望你多台電腦上的Google Chrome瀏覽器上都能使用修改後的樣式,就可以啟用套件的同步功能,將設定同步到Google去,屆時在別台電腦同步參數即可,先在Tools→擴充功能,點擊Stylebot的選項。

08

看到最下方有一個「Enable Sync」,按下去啟動同步就可以囉。

09

Categorized in:

電腦軟體,

Last Update: 2011 年 01 月 28 日