Javascript - 谷歌浏览器不会更新.js文件

Question

对于我正在加载到Wordpress上的网站，我有一个淡入效果。我正在使用jQuery来实现效果，这些效果起初并没有起作用，但我已经改变了一些代码，现在它在Firefox和Safari上工作正常但不是Chrome。我发现Chrome仍然希望上传我已更改的代码 - 因此错误仍然存​​在。

这是正确的代码 -

fadein.js

jQuery(document).on("scroll", function () {
  var pageTop = jQuery(document).scrollTop()
  var pageBottom = pageTop + jQuery(window).height()
  var tags = jQuery("section")

  for (var i = 0; i < tags.length; i++) {
    var tag = tags[i]

    if (jQuery(tag).position().top < pageBottom) {
      jQuery(tag).addClass("visible")
    } else {
      jQuery(tag).removeClass("visible")
    }
  }
})

这是旧代码 -

$.noConflict();

jQuery(document).ready(function($) {
  var win = $(window),
    doc = $(document),
    tags = $("section");

  win.on("scroll", function() {
      tags.each(function(i, tag) {
        if ($(tag).position().top < (doc.scrollTop() + win.outerHeight())) {
          $(tag).addClass("visible");
        } else {
          $(tag).removeClass("visible");
        }
      });
    }
  });
});

在控制台中一直给我这个错误 -

但它仍在加载旧代码 -

我已经仔细检查了firefox和safari中的代码，并且他们正在加载新代码 - 效果很好。使用Chrome时，页面实际上是空白的，因为页面部分以opacity: 0;开始进程，直到滚动显示它们。对此有任何帮助将不胜感激。

Answer 1

在DevTools打开时禁用缓存会很有帮助。在这里您可以找到它：