Question

我在实时网站上调试CSS / JS问题，在这种情况下，将整个生产系统克隆到本地机器上以摆弄2行代码是不可行的。

如果有一种简单的方法来欺骗浏览器（FF，Chrome，任何东西 - 我不挑剔）加载实时网站但将某些内部网址重定向到本地网络服务器，我会很喜欢它。有什么想法吗？

例如。我想加载整个实时网站，除了一个特定的Javascript文件。访问http://...production.../js/map.js的尝试应该重新路由到http://localhost/debug/js/map.js，我可以在本地编辑，直到问题得到解决。

Answer 1

编辑重新阅读您的问题，如果您不乐意查找/编辑相关文件的SQL数据库，您可以随时添加广告拦截规则，并手动运行来自console / greasemonkey的你自己的脚本。

回答标题中的问题：

HTML5只有一个名为“application cache”的功能。它涉及在您的<html>代码中添加清单属性。

<html manifest="what_to_cache.appcache">

然后在what_to_cache.appcache，

CACHE MANIFEST
http://...production.../js/map.js

如果可用，即使用户处于离线状态，也会从缓存中加载清单中列出的项目的未来请求。该文件存储在该网站的SQL数据库中，因此您可以在此编辑数据库。

Answer 2

你可以用fiddler做到这一点。

使用AutoResponder拦截URL并从本地文件或不同服务器返回内容。

Answer 3

我发现了一个Chrome扩展程序，尽管存在漏洞，但仍能实现这种行为。 DevTools重定向：https://chrome.google.com/webstore/detail/devtools-redirect/jmhdebkkippcccflcoddckhjjfgnfhnp

这允许开发人员指定要重定向的JS或CSS文件，以及从中获取它们的新URL（例如http://localhost/.../debug.js）。

Answer 4

对于未来的读者，我想回答这个问题。看看

Requestly - 用于修改网络请求的Chrome扩展程序。

您可以按照以下步骤设置重定向规则请求：

免责声明：我已经创建了这个如果你没有找到这个帮助你可以怪我：）