JS 有时无法在 Chrome 和其他浏览器中加载 [重复]
Posted
技术标签:
【中文标题】JS 有时无法在 Chrome 和其他浏览器中加载 [重复]【英文标题】:JS sometimes doesn't load in Chrome and other browsers [duplicate] 【发布时间】:2021-07-03 01:24:09 【问题描述】:所以我的浏览器每刷新 10 次左右就会出现这个错误(然后它又开始工作了)。 基本上 JS 不会加载,因此网站的某些功能会看起来很丑(我在滚动上有动态导航栏..)。 有没有办法阻止这种情况发生?
<!-- script -->
<script async defer src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script async defer src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script async defer src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js" integrity="sha384-+YQ4JLhjyBLPDQt//I+STsc9iw4uQqACwlvpslubQzn4u2UU2UFM80nGisd026JF" crossorigin="anonymous"></script>
<script async defer src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<script async defer src="assets/js/main.js"></script>
【问题讨论】:
这是因为您正在异步调用脚本(等属性async
)。
【参考方案1】:
<script>
的 async
属性是一个布尔值,您在此处设置为 true。它仅适用于外部脚本,它告诉浏览器在浏览器下载脚本后立即执行脚本。
您要求任何正在下载的脚本立即运行,这是导致 jQuery 库有时在其他脚本之前、有时在其他脚本之后执行的原因。
<script defer src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script defer src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script defer src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js" integrity="sha384-+YQ4JLhjyBLPDQt//I+STsc9iw4uQqACwlvpslubQzn4u2UU2UFM80nGisd026JF" crossorigin="anonymous"></script>
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<script defer src="assets/js/main.js"></script>
【讨论】:
以上是关于JS 有时无法在 Chrome 和其他浏览器中加载 [重复]的主要内容,如果未能解决你的问题,请参考以下文章
Google Web 字体无法在 iOS 版 Chrome 中加载
javascript 无法在 EDGE 和 Chrome 中加载,但可以在 IE 中使用
jQuery UI 对话框中的 IFrame 有时不会在 Chrome 中加载内容,直到对话框被移动或调整大小(但适用于 FF 和 Edge)
Graphiql (GraphQL UI) 无法在 Chrome 中加载,但在 Firefox 和 Safari 中有效