如果popper.js无法加载

Question

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

Popper是引导4所需的，必须先加载。我想使用下面使用的引导回退技术，这样如果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现在“介入”了一些包含脚本标记的document.writes (比如2G手机上的用户)，但是，如果document.write引用相同的域或TLD+1 (即从www.mydomain.com上的html文件引用static.mydomain.com上的脚本)，那么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放在一个函数中，并对首选的分析提供程序进行事件调用，这样您就可以跟踪站点何时返回到外部脚本的本地副本，而不是默默地这样做。