google-chrome-extension - 如何在客户端拦截来自网页的 Javascript/CSS 文件请求，并加载替代文件？

Question

例如，一个网页在 head 标签内加载它的 JavaScript 文件，如下所示：

<script src="http://www.somedomain.com/js/somejsfile.js"></script>

或 CSS 文件：

<link rel="stylesheet" type="text/css" 
      href="http://www.somedomain.com/somecssfile.css">

我想要实现的是，在加载页面本身时，http://www.somedomain.com/js/somejsfile.js它应该加载另一个文件而不是原始文件http://www.anotherdomain.com/js/anotherfile.js

可能是通过一些自定义的 firefox/chrome（最好不是 IE）扩展或其他东西。

暗示：

这也可用于替换 jQuery 库等以从本地源而不是远程 Google* 托管文件加载。

Answer 1

在“document_start”注入您自己的内容脚本将使您有机会分析和修改文档，甚至在构建 DOM 并启动任何脚本之前。但此时，所有 CSS 文件都已加载完毕。也许你可以用其他 CSS 重新定义它们。

请参阅 manifest.json 中“content-scripts”属性中的“run_at”属性： http ://code.google.com/chrome/extensions/content_scripts.html