Chrome 扩展程序，在浏览器显示响应代码之前替换 HTML

Question

我想知道是否有某种方法可以做类似的事情： 如果我在特定站点上，我希望直接从我的计算机加载一些 javascript 文件（fe file:///c:/test.js），而不是从服务器加载。

为此，我在想是否有可能制作一个扩展程序，可以更改浏览器在显示之前得到的响应中的 HTML 代码。所以整个过程应该是这样的：

1. 发出请求，
2. 浏览器从服务器获取响应
3. #响应已更改# - 这是扩展进入
4. 浏览器时解析更改的响应并使用新响应显示页面的部分。

无论如何，它甚至不必是 Chrome 扩展。它应该只完成上述工作。它可以阻止原始文件并提供另一个文件（DNS/代理？）或过滤我的计算机中的整个 HTTP 流量并将特定代码替换为另一个匹配的响应。

Answer 1

您可以使用 WebRequest API 来实现此目的。例如，您可以添加一个 onBeforeRequest 监听器并重定向一些请求：

chrome.webRequest.onBeforeRequest.addListener(function(details)
{
  var responseData = "<div>Some text</div>"
  return {redirectUrl: "data:text/html," + encodeURIComponent(responseData)};
}, {urls: ["https://www.google.com/"]}, ["blocking"]);

这将显示一个带有文本“some text”的

元素，而不是 Google 主页。请注意，您只能重定向到 Web 服务器本身允许重定向到的 URL。这意味着无法重定向到 file:/// URL，并且您只能重定向到扩展程序内的文件，前提是这些文件是 网络可访问。然而，data: 和 http: URL 工作正常。

Answer 2

在 Windows 中，您可以使用 Proxomitron (proxomitron.info)，它是一个本地代理，可以拦截正在加载到浏览器中的任何页面或文件，并在由渲染器渲染之前使用正则表达式（无 DOM 解析）对其进行更改。浏览器。