有没有办法在开发时刷新javascript包含？

Question

在.js文件上进行开发时,我只想刷新该文件而不是整个页面以节省时间.有人知道任何技术吗？

Answer 1

这是一个创建新脚本元素的函数.它附加一个递增的整数,以使脚本的URL唯一(如Kon建议的那样)以强制下载.

var index = 0;
function refreshScript (src) {
  var scriptElement = document.createElement('script');
  scriptElement.type = 'text/javascript';
  scriptElement.src = src + '?' + index++;
  document.getElementsByTagName('head')[0].appendChild(scriptElement);
}

然后在Firebug控制台中,您可以将其称为:

refreshScript('my_script.js');

您需要确保索引本身不是正在重新加载的脚本的一部分!

Firebug Net面板将帮助您查看是否正在下载脚本.响应状态应为"200 OK"而不是"304 Not Modified.此外,您应该看到查询字符串中附加了索引.

Firebug HTML面板将帮助您查看脚本元素是否附加到head元素.

更新:

这是一个使用时间戳而不是索引变量的版本.正如@davyM建议的那样,这是一种更灵活的方法:

function refreshScript (src) {
  var scriptElement = document.createElement('script');
  scriptElement.type = 'text/javascript';
  scriptElement.src = src + '?' + (new Date).getTime();
  document.getElementsByTagName('head')[0].appendChild(scriptElement);
}

阿列克谢的观点也很明确.