[KMTeach] 解決新版 Chrome 無法使用 CSS 渲染的問題

Chrome 基於安全性以及一堆問題，把 CSS 渲染從 33 版本給拿掉了，對於習慣用渲染文字來瀏覽頁面的人來說，無非是一大杯具阿！還好有人有辦法解決，一點也不難，以下就由低調宅來製作一份低調一點的版本，分享給喜愛渲染文字的讀者。 :sad:

教學

Step 1.
首先請下載低調宅準備好的檔案：
[點我下載檔案]

Step 2.
將你原本的「Custom.css」檔案丟到「Custom_CSS」這個資料夾裡面去！ :wink:

正常來說「Custom.css」會存放於：

C:\Users\使用者名稱\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets

如果你遺失了該檔案也沒關係，參考相關文章： [KMTeach] 超簡易 Chrome 渲染 – 不用裝 MacType 也能享受驚豔效果!，製作一份你自己的「Custom.css」

Step 3.
開啟擴充功能頁面，或是新分頁輸入「chrome://extensions/」前往，點選「封裝擴充功能」，瀏覽「擴充功能根目錄」，選擇「Custom_CSS」這個資料夾後按下「確定」，接著請按下「封裝擴充功能」即可獲得一個「Custom_CSS.crx」擴充功能檔案與「Custom_CSS.pem」密鑰檔案，這個擴充功能檔案就是CSS無法渲染的解藥啦！ :evil:

Step 4.
拖曳「Custom_CSS.crx」至擴充功能頁面安裝檔案，接著按下「新增」...令人懷念的CSS渲染回來了～

洽特

本篇教學引用自：
[推薦資源] Chrome 33+ 自建 擴展 實現 custom.css

低調宅的解說是簡化過的，直接製作自己的擴充功能而已，省略了 manifest.json 檔案的解釋，其實也不難...

description：擴充功能描述
name：擴充功能名稱
version：版本號

都能自己修改，當然如果你要改成中文字的話記得要把「manifest.json」儲存為「UTF-8」的編碼格式唷！

那為什麼不直接給讀者 crx 檔案就好？因為每個人喜歡的 css 渲染程度不同嘛～所以保留一點自定的部份給大家玩 :as43

至於「Custom_CSS.pem」密鑰檔案嘛...砍掉也沒差～阿哈哈哈，本篇文章中它不是重點檔案！


想要低調宅的渲染擴充功能的話，請自己低調一點囉～

檔案在此