Chrome 开发者工具DevTools汉化教程

2018年5月9日00:16:35Web前端1555.6K阅读模式

摘要

Chrome Devtools是谷歌浏览器自带的一个开发者调试工具，Chrome本身汉化程序已很高，但Devtools工具并没有汉化，导致许多开发者在调试过程中难免遇到一些不方便，虽然网上可以下载一些网友汉化过的resources.pak，但Chrome更新频繁，不同的版本不能通用替换.

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

文章源自知更鸟-https://zmingcx.com/chrome-devtools-manual.html

目前最新版Chrome已支持中文，本文留作技术文章保留吧文章源自知更鸟-https://zmingcx.com/chrome-devtools-manual.html

section

文章源自知更鸟-https://zmingcx.com/chrome-devtools-manual.html

汉化操作难度很小，但汉化工作量很大！文章源自知更鸟-https://zmingcx.com/chrome-devtools-manual.html

section

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

解包resources.pak文件

将ChromePAK解包打包工具，放到非中文名称的路径中，把Chrome目录的resources.pak文件拷贝一份，拖进ChromePAK解包打包工具窗口中，点击解包。文章源自知更鸟-https://zmingcx.com/chrome-devtools-manual.html

文章源自知更鸟-https://zmingcx.com/chrome-devtools-manual.html

之后将解包出resources文件夹和一个resources.json文件。文章源自知更鸟-https://zmingcx.com/chrome-devtools-manual.html

section

汉化翻译

用文本编辑工具打开resources\unknown目录的28452文件，查找并修改所有"title":后面的英文，工作量不小，大概2000多句，可参照汉化的单词对照文件，之后保存文件。文章源自知更鸟-https://zmingcx.com/chrome-devtools-manual.html

如果嫌工作量大，也可以用压缩包中的28452文件直接替换。文章源自知更鸟-https://zmingcx.com/chrome-devtools-manual.html

section

打包resources.pak文件

将解包出来的resources.json拖进ChromePAK解包打包工具窗口中，点击打包，会自动生成一个resources.pak文件，并用该文件替换原Chrome目录的resources.pak文件，至此适合当前Chrome版本的DevTools汉化完成，请提前做好备份以免汉化失败Chrome无法使用。文章源自知更鸟-https://zmingcx.com/chrome-devtools-manual.html

文章源自知更鸟-https://zmingcx.com/chrome-devtools-manual.html

因Chrome升级后，文件有改动，本文提到的28452文件找不到了，杯具....文章源自知更鸟-https://zmingcx.com/chrome-devtools-manual.html

本人一直用自己制作的绿色版，没升级暂时还能用，不过本文基本的汉化方法还是有效的。文章源自知更鸟-https://zmingcx.com/chrome-devtools-manual.html

补：经查找目前需要汉化的大概是28762文件，逐个单词翻译工作量真的很大，所以我自己也放弃了。如果你也是网页开发者，建议改用火狐，为什么要这个半调子的Chrome呢。文章源自知更鸟-https://zmingcx.com/chrome-devtools-manual.html

附

Chrome DevTools中文手册

文章源自知更鸟-https://zmingcx.com/chrome-devtools-manual.html

本站原创文章转载请注明文章出处及链接，谢谢合作！

获取本主题

售前咨询加Q：598845006

多功能主题 Begin

评论 15 访客 13 作者 2

米扑博客 2
2018年5月9日 08点19分 1F
回复
Good 英文不好的人有用了
米扑博客 2
2018年5月9日 08点19分 2F
回复
比如像我，读了研究生，英语口语不耗
aaa 2
2018年5月14日 18点50分 3F
回复
汉化后的元素内容没有啊
顾问 1
2018年5月19日 14点51分 4F
回复
66.0.3359.181解压出来没有28452这个文件，请老大帮帮忙
- 知更鸟
  2018年5月20日 08点45分中国 B1
  回复
  @ 顾问在这个文件夹中“直接替换的汉化文件”
  - 123 3
    2018年6月1日 22点38分 B2
    回复
    @ 知更鸟解包出来没有28452 ，无法替换
    - 下一你了亲并 0
      2018年8月31日 15点46分 B3
      回复
      @ 123 可以找最大的文件28762，不能替换文件，只能替换字符
央视财经评论 1
2018年9月4日 23点38分 5F
回复
试试
localhost 2
2020年4月27日 20点39分 6F
回复
以前 Rss 看到后，尝试动手，解包，寻找文件，翻译点，打包
现在 52 上面有个 C# 一键解包后机翻，虽然有些机翻看不过去
但起码节省了大量消耗时间，不足再细译，可对照微软新 Edge
H2：// 52 破解 / thread-1139652-1-1.html
- localhost 2
  2020年4月28日 07点41分 B1
  回复
  @ localhost 去看了下新 Edge 的 DevTools，大部分能看
  小部分感觉有汉化但没本地化，起码常规能用
  　　
  尝试解压新 Edge 搬运翻译到 Chrome 中
  但始终找不到对照表，Visual Studio Code
  　　　
  对整个文件夹查找 title:，里面放的都是英文，直接
  查中文是没影的，不清楚新 Edge 的中文串放在哪里
  - 知更鸟
    2020年4月28日 21点05分中国 B2
    回复
    @ localhost 有新 Edge Chrome没必要用了
    - localhost 2
      2021年5月9日 13点02分 B3
      回复
      @ 知更鸟我又来了，此文下的 GitBook 链接，Chrome DevTools 中文手册失效了
      建议替换为微软 Edge 浏览器 Chromium 核心，官方中文链接或 PDF 档
      　　　
      https ://docs .microsoft .com/zh-cn/microsoft-edge/devtools-guide-chromium/
      此篇文档目前大小为 226 MB，配图虽然是英文版的，其讲解均使用中文，且最近更新
    - localhost 2
      2021年5月9日 14点04分 B3
      回复
      @ 知更鸟我想，既然放了微软 Edge 浏览器 Chromium 核心 DevTools 文档说明
      那么，也应该放一个谷歌 Chrome 浏览器，方便互相比较两者 DevTools 文档区别
      　　　.
      https ://developer .chrome .com/docs/devtools/，缺点如下所示
      配图及讲解文字，辅以讲解视频，均是英文的，不提供离线 PDF 文件
    - localhost 2
      2021年5月9日 14点17分 B3
      回复
      @ 知更鸟谷歌文档有不可抗力因素，导致在常规网络下无法正常访问学习
      经过一番搜索，发现在哔哩哔哩视频站下，有 Google 中国官方账号的讲解
      　　.
      https ://www .bilibili .com/video/BV1jJ411w78L（av68088506）
      只供简单入门，视频讲解为英文，辅以同声传译，更新时间 2019 年
    - localhost 2
      2021年8月25日 08点04分 B3
      回复
      @ 知更鸟鸟哥，在 94 版本 DevTools，将在 Setting > Preferences > Language
      支持设置成中文了，并且支持八十多种显示语言，以供使用者进行切换
      From：https //crbug com/1163928，金丝雀 developer blog News