Javascript - Google Chrome 不会更新 .js 文件

Question

我对加载到 Wordpress 的网站有淡入效果。我正在使用 jQuery 来实现效果，这些效果起初不起作用，但我更改了一些代码，现在它在 Firefox 和 Safari 上运行良好，但在 Chrome 上运行不正常。我发现 Chrome 一直想要上传我更改过的代码 - 所以错误仍然存​​在。

这是正确的代码 -

淡化.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 打开时禁用缓存会很有帮助。在这里你可以找到它: