css - 如何编辑谷歌浏览器内部 CSS 或 JS 文件（源代码）？

Question

众所周知，Chrome 中的所有菜单和设置都是由 CSS 文件和 javascripts 管理的。是否可以编辑此 CSS 文件或/和 JS 来管理菜单/设置等？

例如 chrome://settings/options_bundle.js 或 chrome://resources/css/button.css 是否可以以某种方式更改这些文件？

Answer 1

有两种方法可以做到这一点。第一种方法很简单，但速度很慢：

1. 下载源（它将是 Chromium，而不是 Chrome）（http://git.chromium.org/gitweb/?p=chromium/src.git）
2. 编辑一些文件（例如http://git.chromium.org/gitweb/?p=chromium/src.git;a=blob;f=chrome/browser/resources/options/browser_options.js;h=548a6068d4007f25427caf70b04c26575dafbc3d;hb =头）
3. 编译packed_resources和packed_extra_resources定位，将新创建的resources.pak和chrome.pak文件放在适当的位置。

另一种方法是某种作弊：

1. resources.pak在安装目录中找到文件。Chrome 使用的所有资源都放置在此文件中。它就像一个没有压缩的存档。

2. 编辑此文件。但是您更改的长度必须与原始文本的长度完全相同。例如：

   Before:
   {
   color: red;
   }
   (length: 15)
   
   After:
   {color: green;}
   (length: 15)
   

您可以通过更深入地了解 pak 文件格式来克服此限制（很好地描述了https://code.google.com/p/grit-i18n/source/browse/trunk/grit/format/data_pack.py?r=79 )