从本地或从 cdn 加载文件
Load file local or from cdn
我今天想到了一个非常简单的问题。我正在从我的电脑本地链接到 jquery,以防我没有互联网连接,但我想知道是否有办法检查是否有互联网连接,如果有,请加载 jquery来自 CDN。有什么建议吗?
您可以执行此 CDN 回退:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="/js/libs/jquery-1.11.1.min.js"><\/script>')</script>
HTML5 样板正在使用这种技术:https://github.com/h5bp/html5-boilerplate/blob/master/dist/index.html
请查看这篇文章:http://www.hanselman.com/blog/CDNsFailButYourScriptsDontHaveToFallbackFromCDNToLocalJQuery.aspx
纯html溶液:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>Test CDN fallback</title>
</head>
<body>
<object data="https://cdn.invented.com/something" type="text/javascript">
<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
</object>
<!-- in your case -->
<!-- <object data="https://code.jquery.com/jquery-3.0.0.min.js" type="text/javascript">
<script src="/local/jquery-3.0.0.min.js"></script>
</object> -->
</body>
</html>
我今天想到了一个非常简单的问题。我正在从我的电脑本地链接到 jquery,以防我没有互联网连接,但我想知道是否有办法检查是否有互联网连接,如果有,请加载 jquery来自 CDN。有什么建议吗?
您可以执行此 CDN 回退:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="/js/libs/jquery-1.11.1.min.js"><\/script>')</script>
HTML5 样板正在使用这种技术:https://github.com/h5bp/html5-boilerplate/blob/master/dist/index.html
请查看这篇文章:http://www.hanselman.com/blog/CDNsFailButYourScriptsDontHaveToFallbackFromCDNToLocalJQuery.aspx
纯html溶液:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>Test CDN fallback</title>
</head>
<body>
<object data="https://cdn.invented.com/something" type="text/javascript">
<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
</object>
<!-- in your case -->
<!-- <object data="https://code.jquery.com/jquery-3.0.0.min.js" type="text/javascript">
<script src="/local/jquery-3.0.0.min.js"></script>
</object> -->
</body>
</html>