Chrome 开发者工具DevTools汉化教程

知更鸟
知更鸟
知更鸟
1553
文章
6920
评论
2018年5月9日00:16:35 11 34.2K
摘要

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
版权声明
本站原创文章转载请注明文章出处
HTTPS与HTTP相比更安全 Web前端

HTTPS与HTTP相比更安全

近几年,互联网发生着翻天覆地的变化,尤其是我们一直习以为常的HTTP协议,在逐渐的被HTTPS协议所取代,在浏览器、搜索引擎、CA机构、大型互联网企业的共同促进下,互联网迎来了“HTTPS加密时代”,...
jQuery各版本下载大全 Web前端

jQuery各版本下载大全

jquery-2.0以上版本不再支持IE 6/7/8, 并不是最新的版本就最好的,而是根据您项目需求所适合的版本! 百度引用地址 (推荐目前最稳定的,不会出现延时打不开情况) jquery-3.4.1...
最佳 CSS 框架 Web前端

最佳 CSS 框架

在构建网站时,使用 CSS 框架是一个实时的节省,因为它为您提供了每个网页设计师和前端开发人员在制作网站时需要的工具。 CSS 框架是一个软件框架,它允许使用 HTML/CSS 进行更简单、更符合标准...
line-height安卓中不垂直居中 Web前端

line-height安卓中不垂直居中

设计响应式网页,PC端和移动端的样式兼容性,很让人挠头,最常见的就是文字垂直不居中,而且苹果手机和安卓手机下表现也不尽相同,往往苹果手机是垂直居中的,但在安卓机上字却靠上了,总是差那么一像素,应该是安...
匿名

发表评论

匿名网友 填写信息

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

评论:11   其中:访客  9   博主  2
    • 米扑博客 米扑博客 2

      Good 英文不好的人有用了

      • 米扑博客 米扑博客 2

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

        • aaa aaa 2

          汉化后的元素内容没有啊

          • 顾问 顾问 1

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

              • 知更鸟 知更鸟

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

                  • 123 123 3

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

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

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

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

                    试试

                    • localhost localhost 1

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

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

                        • localhost localhost 1

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