Chrome 开发者工具DevTools汉化教程

知更鸟
知更鸟
站长
2332
文章
0
粉丝
Web前端1557,150阅读模式
摘要Chrome Devtools是谷歌浏览器自带的一个开发者调试工具,Chrome本身汉化程序已很高,但Devtools工具并没有汉化,导致许多开发者在调试过程中难免遇到一些不方便,...

Chrome Devtools是谷歌浏览器自带的一个开发者调试工具,Chrome本身汉化程度已很高,但Devtools工具并没有汉化,导致许多开发者在调试过程中难免遇到一些不方便,虽然网上可以下载一些网友汉化过的resources.pak,但Chrome更新频繁,不同的版本不能通用替换,网上也很少有这方面的汉化教程,我这里简单说一下resources.pak的汉化过程和所使用的工具。

目前最新版Chrome已支持中文,本文留作技术文章保留吧

section

Chrome 开发者工具DevTools汉化教程-图片1

汉化操作难度很小,但汉化工作量很大!

section

下载ChromePAK解包打包工具和相关文件

将文件解压,里面分别是:

  • ChromePAK解包打包工具
    用于解压打包resources.pak文件
  • 65.0.3325.181 (正式版本) (64 位)汉化文件
    这是我汉化完的resources.pak文件,只适合对应的Chrome版本,不同版本不可替换,否则会造成Chrome无法启动。
  • 单词汉化对照
    需要汉化的中英文对照文件
  • 直接替换的汉化文件
    已汉化完解包后的resources.pak替换文件,位于resources\unknown目录,文件名称为28452。
section

解包resources.pak文件

将ChromePAK解包打包工具,放到非中文名称的路径中,把Chrome目录的resources.pak文件拷贝一份,拖进ChromePAK解包打包工具窗口中,点击解包。

Chrome 开发者工具DevTools汉化教程-图片2

之后将解包出resources文件夹和一个resources.json文件。

section

汉化翻译

用文本编辑工具打开resources\unknown目录的28452文件,查找并修改所有[code]"title":[/code]后面的英文,工作量不小,大概2000多句,可参照汉化的单词对照文件,之后保存文件。

如果嫌工作量大,也可以用压缩包中的28452文件直接替换。

section

打包resources.pak文件

将解包出来的resources.json拖进ChromePAK解包打包工具窗口中,点击打包,会自动生成一个resources.pak文件,并用该文件替换原Chrome目录的resources.pak文件,至此适合当前Chrome版本的DevTools汉化完成,请提前做好备份以免汉化失败Chrome无法使用。

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

本人一直用自己制作的绿色版,没升级暂时还能用,不过本文基本的汉化方法还是有效的。

补:经查找目前需要汉化的大概是28762文件,逐个单词翻译工作量真的很大,所以我自己也放弃了。如果你也是网页开发者,建议改用火狐,为什么要这个半调子的Chrome呢。

Chrome DevTools中文手册

 

本站文章大部分为原创,用于个人学习记录,可能对您有所帮助,仅供参考!

weinxin
我的微信
微信号已复制
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
知更鸟
评论  15  访客  13  作者  2
    • 米扑博客
      米扑博客 2

      Good 英文不好的人有用了

      • 米扑博客
        米扑博客 2

        比如像我,读了研究生,英语口语不耗

        • aaa
          aaa 2

          汉化后的元素内容没有啊

          • 顾问
            顾问 1

            66.0.3359.181解压出来没有28452这个文件,请老大帮帮忙

              • 知更鸟
                知更鸟

                @ 顾问 在这个文件夹中“直接替换的汉化文件”

                  • 123
                    123 3

                    @ 知更鸟 解包出来没有28452 ,无法替换

                      • 下一你了亲并
                        下一你了亲并 0

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

                  • 央视财经评论
                    央视财经评论 1

                    试试

                    • localhost
                      localhost 2

                      以前 Rss 看到后,尝试动手,解包,寻找文件,翻译点,打包
                      现在 52 上面有个 C# 一键解包后机翻,虽然有些机翻看不过去
                      但起码节省了大量消耗时间,不足再细译,可对照微软新 Edge

                      H2:// 52 破解 / thread-1139652-1-1.html

                        • localhost
                          localhost 2

                          @ localhost 去看了下新 Edge 的 DevTools,大部分能看
                          小部分感觉有汉化但没本地化,起码常规能用
                            
                          尝试解压新 Edge 搬运翻译到 Chrome 中
                          但始终找不到对照表,Visual Studio Code
                             
                          对整个文件夹查找 title:,里面放的都是英文,直接
                          查中文是没影的,不清楚新 Edge 的中文串放在哪里

                            • 知更鸟
                              知更鸟

                              @ localhost 有新 Edge Chrome没必要用了

                                • localhost
                                  localhost 2

                                  @ 知更鸟 我又来了,此文下的 GitBook 链接,Chrome DevTools 中文手册失效了
                                  建议替换为微软 Edge 浏览器 Chromium 核心,官方中文链接或 PDF 档
                                     
                                  https ://docs .microsoft .com/zh-cn/microsoft-edge/devtools-guide-chromium/
                                  此篇文档目前大小为 226 MB,配图虽然是英文版的,其讲解均使用中文,且最近更新

                                  • localhost
                                    localhost 2

                                    @ 知更鸟 我想,既然放了微软 Edge 浏览器 Chromium 核心 DevTools 文档说明
                                    那么,也应该放一个谷歌 Chrome 浏览器,方便互相比较两者 DevTools 文档区别
                                       .
                                    https ://developer .chrome .com/docs/devtools/,缺点如下所示
                                    配图及讲解文字,辅以讲解视频,均是英文的,不提供离线 PDF 文件

                                    • localhost
                                      localhost 2

                                      @ 知更鸟 谷歌文档有不可抗力因素,导致在常规网络下无法正常访问学习
                                      经过一番搜索,发现在哔哩哔哩视频站下,有 Google 中国官方账号的讲解
                                        .
                                      https ://www .bilibili .com/video/BV1jJ411w78L(av68088506)
                                      只供简单入门,视频讲解为英文,辅以同声传译,更新时间 2019 年

                                      • localhost
                                        localhost 2

                                        @ 知更鸟 鸟哥,在 94 版本 DevTools,将在 Setting > Preferences > Language
                                        支持设置成中文了,并且支持八十多种显示语言,以供使用者进行切换
                                        From:https //crbug com/1163928,金丝雀 developer blog News

                                匿名

                                发表评论

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

                                拖动滑块以完成验证