Chrome 開發者工具DevTools漢化教程

知更鳥
知更鳥
知更鳥
1518
文章
6913
評論
2018年5月9日00:16:35 8 30.3K
摘要

Chrome Devtools是谷歌瀏覽器自帶的一個開發者調試工具,Chrome本身漢化程序已很高,但Devtools工具并沒有漢化,導致許多開發者在調試過程中難免遇到一些不方便,雖然網上可以下載一些網友漢化過的resources.pak,但Chrome更新頻繁,不同的版本不能通用替換.

Chrome 開發者工具DevTools漢化教程

Chrome Devtools是谷歌瀏覽器自帶的一個開發者調試工具,Chrome本身漢化程度已很高,但Devtools工具并沒有漢化,導致許多開發者在調試過程中難免遇到一些不方便,雖然網上可以下載一些網友漢化過的resources.pak,但Chrome更新頻繁,不同的版本不能通用替換,網上也很少有這方面的漢化教程,我這里簡單說一下resources.pak的漢化過程和所使用的工具。

Chrome 開發者工具DevTools漢化教程

漢化操作難度很小,但漢化工作量很大!

下載ChromePAK解包打包工具和相關文件

將文件解壓,里面分別是:

  • ChromePAK解包打包工具
    用于解壓打包resources.pak文件
  • 65.0.3325.181 (正式版本) (64 位)漢化文件
    這是我漢化完的resources.pak文件,只適合對應的Chrome版本,不同版本不可替換,否則會造成Chrome無法啟動。
  • 單詞漢化對照
    需要漢化的中英文對照文件
  • 直接替換的漢化文件
    已漢化完解包后的resources.pak替換文件,位于resources\unknown目錄,文件名稱為28452。

解包resources.pak文件

將ChromePAK解包打包工具,放到非中文名稱的路徑中,把Chrome目錄的resources.pak文件拷貝一份,拖進ChromePAK解包打包工具窗口中,點擊解包。

Chrome 開發者工具DevTools漢化教程

之后將解包出resources文件夾和一個resources.json文件。

漢化翻譯

用文本編輯工具打開resources\unknown目錄的28452文件,查找并修改所有"title":后面的英文,工作量不小,大概2000多句,可參照漢化的單詞對照文件,之后保存文件。

如果嫌工作量大,也可以用壓縮包中的28452文件直接替換。

打包resources.pak文件

將解包出來的resources.json拖進ChromePAK解包打包工具窗口中,點擊打包,會自動生成一個resources.pak文件,并用該文件替換原Chrome目錄的resources.pak文件,至此適合當前Chrome版本的DevTools漢化完成,請提前做好備份以免漢化失敗Chrome無法使用。

因Chrome升級后,文件有改動,本文提到的28452文件找不到了,杯具....

本人一直用自己制作的綠色版,沒升級暫時還能用,不過本文基本的漢化方法還是有效的。

補:經查找目前需要漢化的大概是28762文件,逐個單詞翻譯工作量真的很大,所以我自己也放棄了。如果你也是網頁開發者,建議改用火狐,為什么要這個半調子的Chrome呢。

Chrome DevTools中文手冊

 

繼續閱讀
weinxin
關于本站
分享交流WordPress經驗與技巧,關注前端設計與網站制作。僅用于功能演示。
知更鳥
最佳 CSS 框架 Web前端

最佳 CSS 框架

在構建網站時,使用 CSS 框架是一個實時的節省,因為它為您提供了每個網頁設計師和前端開發人員在制作網站時需要的工具。 CSS 框架是一個軟件框架,它允許使用 HTML/CSS 進行更簡單、更符合標準...
line-height安卓中不垂直居中 Web前端

line-height安卓中不垂直居中

設計響應式網頁,PC端和移動端的樣式兼容性,很讓人撓頭,最常見的就是文字垂直不居中,而且蘋果手機和安卓手機下表現也不盡相同,往往蘋果手機是垂直居中的,但在安卓機上字卻靠上了,總是差那么一像素,應該是安...
jQuery幻燈片插件:OWL Carousel Web前端

jQuery幻燈片插件:OWL Carousel

Owl Carousel 是一個強大、實用但小巧的 jQuery 幻燈片插件,它具有以下特點: 兼容所有瀏覽器 支持響應式 支持 CSS3 過度 支持觸摸事件 支持 JSON 及自定義 JSON 格式...
js實時獲取瀏覽器窗口大小 Web前端

js實時獲取瀏覽器窗口大小

js實時獲取瀏覽器窗口大小,我們可以使用addEventListener()方法來實現。該addEventListener()方法可以注冊事件處理程序以偵聽瀏覽器窗口resize事件,例如window...
匿名

發表評論

匿名網友 填寫信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

評論:8   其中:訪客  7   博主  1
    • 米撲博客 米撲博客 2

      Good 英文不好的人有用了

      • 米撲博客 米撲博客 2

        比如像我,讀了研究生,英語口語不耗

        • aaa aaa 2

          漢化后的元素內容沒有啊

          • 顧問 顧問 1

            66.0.3359.181解壓出來沒有28452這個文件,請老大幫幫忙

              • 知更鳥 知更鳥

                @ 顧問 在這個文件夾中“直接替換的漢化文件”

                  • 123 123 3

                    @ 知更鳥 解包出來沒有28452 ,無法替換

                      • 下一你了親并 下一你了親并 0

                        @ 123 可以找最大的文件28762,不能替換文件,只能替換字符

                  • 央視財經評論 央視財經評論 1

                    試試