如果popper.js无法加载则回退

Question

如何测试popper.js是否已加载，以便我可以从CDN回退到本地副本？

Bootstrap 4需要Popper，必须先加载。 我想使用下面使用的相同的bootstrap后备技术，以便如果popper.js CDN失败，浏览器将回退到从我的服务器加载popper.js。

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js"></script>
<script>if(typeof($.fn.modal) === 'undefined') {document.write('<script src="local/bootstrap.min.js"><\/script>')}</script>

Answer 1

检查Popper变量。

如果它的类型是“未定义”，则Popper无法加载，您可以回退到本地副本：

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" ></script>
<script>if(typeof(Popper) === 'undefined') {document.write('<script src="static/lib/popper.min.js"><\/script>')}</script>

-

2019年2月更新

由于Chrome> 55现在“介入”某些包含脚本标记的文档（例如2G移动版用户），但是，如果document.write引用相同的域或TLD + 1（即static.mydomain上的脚本） .com从www.mydomain.com上的html文件引用，然后Chrome不会介入并停止脚本下载。 所以现在上面的方法运行正常。 我还稍微改进了代码：

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script>window.Popper || document.write('<script src="static/lib/popper.min.js"><\/script>')</script>

要考虑的另一个变化是将document.write置于函数中并向首选分析提供程序发出事件调用，以便您可以跟踪站点何时回退到外部脚本的本地副本，而不仅仅是默默地这样做。