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

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



教學


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

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

css-01.png




正常來說「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:

css-02.png



css-03.png



css-04.png




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

css-05.png



css-06.png




洽特


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

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


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


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

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

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


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

留言

  1. yahoo新聞字型改不到!!

    回覆刪除
  2. 這邊也是 還有像這裡的留言有渲染不到!

    回覆刪除
  3. 因為有些地方不適用 *,有另外指定的就會被蓋過。
    用 stylish 自己改其實比較快...

    回覆刪除
  4. 您好,看了您的說明,我終於成功的建立自己的CSS擴充套件.不過我發現,有些網站(www.trello.com)原本的小圖示在指定字型後會變成“方框裡頭有一個問號”.也嘗試安裝stylish想藉此排除自設的CSS style的影響,不過都失敗了.不知道您是否有好的建議嗎?謝謝

    回覆刪除
  5. 那應該是該網站字型問題
    有些符號被強制指定你設定的字型後就會異常
    這我涉略不多...^^"

    回覆刪除
  6. 您好,step1的檔案已經失效,是否能再補檔呢?謝謝

    更新
    抱歉,又再詳細看過說明,發現下方有提供引用的教學聯結,已可自行產生了~

    回覆刪除
  7. chrome 37 好像失效了

    回覆刪除

張貼留言

這個網誌中的熱門文章

[免費] 合法電視直播頻道清單