我正在开发一个单页 Web 应用程序,它具有许多不同的功能和形式。当开发一个深度(我的意思是主页上没有的)功能时,我会经历这个循环:
- 开发代码,编辑类和函数
- 刷新整个页面
- 一路点击,直到到达我需要测试的部分(有时加起来大约一分钟)
- 测试新代码
- 返回(1)代码编辑器进行更新
进行大约 15 个小编辑,可能需要 30 分钟的重复重新加载和点击,令人沮丧
你可以做这样的事情。
function LoadMyJs(scriptName) {
var docHeadObj = document.getElementsByTagName("head")[0];
var dynamicScript = document.createElement("script");
dynamicScript.type = "text/javascript";
dynamicScript.src = scriptName;
docHeadObj.appendChild(newScript);
}
在页面加载时调用 LoadMyJs 函数
<body onLoad="LoadMyJs()">
然后单击按钮(或从控制台)重新加载
<input type="button" name="reloadjs" value="Reload JavaScript" onclick="LoadMyJs('my_live_loading_script.js')">
这可以使用例如 jQuery 来简化
谢谢:http://www.philnicholas.com/2009/05/11/reloading-your-javascript-without-reloading-your-page/ http://www.philnicholas.com/2009/05/11/reloading-your-javascript-without-reloading-your-page/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)