如果 popper.js 加载失败则回退
Fallback if popper.js fails to load
如何测试 popper.js 是否已加载，以便我可以从 CDN 回退到本地副本？
Bootstrap4 需要 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>
检查 Popper 变量。
如果它的类型是 "undefined" 那么 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 现在 "intervenes" 在某些包含脚本标签的 document.writes 上（例如 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 放入一个函数中，并对您首选的分析提供程序进行事件调用，以便您可以跟踪您的网站何时回退到本地副本外部脚本，而不是它只是默默地这样做。
如何测试 popper.js 是否已加载，以便我可以从 CDN 回退到本地副本？
Bootstrap4 需要 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>
检查 Popper 变量。
如果它的类型是 "undefined" 那么 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 现在 "intervenes" 在某些包含脚本标签的 document.writes 上（例如 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 放入一个函数中，并对您首选的分析提供程序进行事件调用，以便您可以跟踪您的网站何时回退到本地副本外部脚本，而不是它只是默默地这样做。