Stylebot 自訂「別人家」網頁的CSS樣式,看起來更順眼! (Google Chrome擴充套件)

Google Chrome瀏覽器中內建了相當好用的多功能網頁「開發人員工具」(直接按「Ctrl」+「Shift」+「I」即可開啟),之前也曾介紹過相當簡便的「csscan 網頁CSS屬性快速檢視工具」,可以讓我們檢視各種網頁控制碼的內容與CSS樣式..等等。

 

不過本文介紹的這個CSS樣式控制器Stylebot則跟一般程式不一樣,他可以讓我們透過CSS手動調各個網站的整網頁圖文、版面的呈現方式,改好之後還可以記錄下來,讓我們下次再開啟該頁面時,自動以新的樣式來顯示網頁內容。

譬如說你常常開的某個網頁字體一向都弄得很小、很難閱讀,你可以透過這個工具把字體改大,下次再開啟該網頁時,可以自動以大字體來顯示網頁內容。當然,這樣的改變只有你自己看得到。

▇ 軟體小檔案 ▇     (錯誤、版本更新回報)

  • 軟體名稱:Stylebot
  • 軟體版本:0.2.2
  • 軟體語言:英文
  • 軟體性質:免費
  • 檔案大小:149KB
  • 系統支援:此為Google Chrome瀏覽器專用套件,支援4.x以上版本(下載
  • 官方網站:按這裡
  • 軟體下載:按這裡
  •  

    Stylebot是Google Chrome瀏覽器的擴充套件,安裝之後,網址列右邊會多出一個「CSS」按鈕,按下去之後,可以直接在Stylebot視窗中修改指定項目、區塊的CSS樣式,譬如說字型、字體大小、顏色、背景...等等,馬上改完就可以隨即顯示新的樣式,你改過什麼網站的樣式,都可以自動儲存下來。  

    Stylebot hl 操作DEMO影片: (轉貼自官方網站)

     

    使用方法:

    第1步  用Google Chrome瀏覽器開啟Stylebot安裝頁面,按一下「安裝」按鈕把程式安裝到電腦之後,重新開啟你要調整的網頁,按一下網址列右邊的「CSS」按鈕,會跳出一個Stylebot視窗。

    此時按一下Stylebot視窗左上角的「Select an element」按鈕,然後選取網頁中你要調整CSS樣式的項目。

    01  

     

    第2步  接著在Stylebot視窗中調整字型、底色、邊框…等等各種樣式的屬性,改好之後再按視窗左上角的「x」關閉即可。

    下次當我們再度瀏覽該網站時,瀏覽器便會以新的CSS屬性呈現修改過的網頁樣貌。

    02  

     

    第3步  如果你想看看剛剛到底修改了哪些細節,可以按一下Stylebot視窗左下角的「Edit CSS」按鈕,也可直接在此視窗中直接修改CSS。

    03  

     

    第4步  在網址列右邊的「CSS」按鈕按一下滑鼠右鍵,再點「選項」,即可開啟Stylebot擴充套件的設定頁面。

    我們可以在這裡自行調整Stylebot的啟動快速鍵、新增或管理CSS自訂樣式,另外也提供了CSS自訂樣式的匯入、匯出備份功能,與Sync同步功能。

    04

    Posted in Chrome,Firefox,IE,Opera 瀏覽器Tagged
    注意事項:本站所介紹之軟體、設定或網站服務,經實際安裝測試並通過防毒軟體掃毒。但因為不同電腦環境與軟體設定可能都各有差異,建議您僅在非工作用的電腦安裝、測試,避免因為不可預知的錯誤影響您的工作或電腦運作。從本站下載的軟體由所屬軟體公司提供,本站未經任何修改且無法保證軟體公司可能在新版程式中自行安插廣告程式或其他維護不當等因素而造成損害。在進行任何操作與設定之前,記得先行備份電腦中的重要資料,避免因為未依指示的不當操作或其他疏失造成資料毀損。當您依照本文所提供之訊息執行各種操作,表示您已閱讀此注意事項並同意自行承擔可能之風險與責任。
    相關資訊
    訪客留言

    6 則回應

    1. 我發現這個外掛的 Bug!! 安裝了以後,它會跟網頁裡面的某些 DHTML 功能打架!!

      像我在有明大戰寫部落格文章的時候,要插入連結,我要複製一個網址過來貼上,就貼不上去。

      這個很嚴重呢….

    2. Is there any similar alternative in firefox? I’m looking for an addon that supports changing fonts within clicks rather than writing the codes out in css. Thanks

    發表迴響

    你的電子郵件位址並不會被公開。