在我的生产网站上，我已经编译了 Javascript。
<script src="/js/mycode.min.js"></script>
如果我可以让我的浏览器将其替换为
<script src="http://localhost/js/mycode1.js"></script>
<script src="http://localhost/js/mycode2.js"></script>
...
我知道我可以使用 Greasemonkey 用户脚本之类的东西来操作 DOM，但我无法想出一个解决方案来阻止“mycode.min.js”的执行。
有任何想法吗？
我这样做的方式：
除了替换js文件，还可以替换html文件，更改页面上的js链接。
如果您使用的是 mac/linux，则可以安装Charles。（非免费，有试用） 步骤类似，但不一样。
如果你使用Google Closure来压缩文件，你可以安装他们的插件来做源映射。
http://static.example.com对静态文件（例如 .js 文件）使用子域并更改主机文件怎么样？
<script type="text/javascript" src="http://static.example.com/js/mycode.min.js"></script>
将以下行添加到主机文件（/etc/hosts对于 Linux，C:\WINDOWS\System32\drivers\etc\host）：
static.example.com 127.0.0.1
当然，您必须使用来自http://static.example.com/on的文件运行服务器127.0.0.1。
另一种解决方案是使用像 Privoxy 这样的（本地）代理服务器来重定向http://example.com/js/到http://localhost/js/.
要添加新文件，您可以使用类似于另一篇文章的内容：
document.body.appendChild(document.createElement("script").src = "http://example.com/addThisJSFile.js");
这个 tampermonkey 脚本可以用域中的自定义文件替换网页上的任何 JS 文件：
// ==UserScript==
// @name ReplaceJS
// @namespace http://example.com/
// @version 1.0.0
// @description Replace javascript files on any webpage!
// @author Mr.Sonic Master
// @match *
// @run-at document-start
// ==/UserScript==
var newJSFile = "http://example.com/newJSFile.js"; //The JS file to load in replacment od old JS file
var oldJSFile = "oldJSFile.replaceThis.js"; //The old JS file as it is named in inspect element (make sure its spelled EXACTLY the same)
var pattern = new RegExp(oldJSFile, "i"); //Create the RegExp pattern with the /i switch to make it case-insensitive
function injectScript(originalPage) { //Function injectScript replaces the file
console.log('Replace stage 2: Replace text matching', oldJSFile, 'with', newJSFile);
var moddedPage = originalPage.replace(pattern, newJSFile); //Modify the HTML code that we got, replacing the old JS file with the new one
document.open();
console.log('Replace stage 3: Write new HTML to page...');
document.write(moddedPage); //Write to the page the new HTML code
document.close();
}
setTimeout(function() { //Wait a bit for the page's HTML to load...
console.log('Replace stage 1: target HTML');
injectScript(document.documentElement.outerHTML); //Run function injectScript with the page's HTML as oldPage in the function
}, 1111);
假设你的脚本只是生产文件的原始版本，你可以打开你最喜欢的调试器或 JS 控制台并导入你的脚本：
document.body.appendChild(document.createElement("script")).src =
"http://localhost/js/mycode1.js";
这样做将覆盖最初定义的函数和变量。您必须手动重新运行window.onload. 如果您有立即运行或加载时在页面上发生很大变化的脚本，您可能需要做一些工作才能将其恢复到原始状态。
祝你好运！
尽管 epascarello 的解决方案有效，但对于缩小文件的调试有一个更快的解决方案。考虑使用JavaScript 源映射。现代 Firefox 和 Chrome 支持它们。
源地图的想法是说浏览器在哪里可以找到未缩小的版本。当您在浏览器开发人员工具中开始调试时 - 浏览器会加载脚本的未缩小版本，并在调试器中向您显示易于阅读的 JavaScript（或您编译为 JavaScript 的任何代码）代码。