Yesterday, we had no power at home, thus no Internet. So I assumed that I wouldn't be able to have my web-app work locally, since at the end of "index.html" I have:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')
</script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/masonry/3.1.5/masonry.pkgd.min.js"></script>
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/123941/imagesLoaded.js"></script>
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/123941/masonry.js"></script>
However, that wasn't the case, it would work smoothly. So I guessed that the browser remembered the last time it downloaded these js files.
When I reloaded my wep-app though, it would fail to load the js files, since there was no Internet connection. This behavior would happen again and again.
In both cases it would fail to download:
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700">
but that's not a critical error. Notice that the css of twitter-bootstrap was locally in my project file, that's why it's irrelevant.
I am trying to understand why, any thoughts?
I am using chrome Version 52.0.2743.116 (64-bit) in a MacBook Pro El Capitan.
Mine: The browser used the cached versions of the js files, but even on Normal Reload it would try to re-download them..