Kendo UI使用教程：CDN服务-控件新闻-慧都网

Kendo UI使用教程：CDN服务

原创|使用教程|编辑：龚雪|2019-07-18 14:10:39.647|阅读 395 次

概述：Kendo UI目前最新提供Kendo UI for jQuery、Kendo UI for Angular、Kendo UI Support for React和Kendo UI Support for Vue四个控件，本教程为大家介绍如何开始使用Kendo UI的CDN服务。

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

访问CDN

要访问Kendo UI CDN服务，您可以使用以下任一方法：

HTTP协议
HTTPS协议

使用HTTP

所有JavaScript文件的缩小版本均可在以下位置获得：

http://kendo.cdn.telerik.com/VERSION/js/FILENAME.min.js
http://kendo.cdn.telerik.com/VERSION/styles/FILENAME.min.css

例如，可以从以下位置加载2019.2.619版本：

http://kendo.cdn.telerik.com/2019.2.619/js/kendo.all.min.js
http://kendo.cdn.telerik.com/2019.2.619/styles/kendo.common.min.css

注意：只有Kendo UI官方发行版和服务包才会上传到CDN，内部版本不会发布到CDN。

截至Kendo UI Q1 2014 SP1发布，已经提供了缩小的Kendo UI脚本。要加载它们，请使用http://kendo.cdn.telerik.com/2019.2.619/js/kendo.ui.core.min.js URL。

注意：http://cdn.kendostatic.com/ URL仍然有效，但不再推荐用于新项目。

使用HTTPS

要通过HTTPS协议访问Kendo UI CDN服务，请使用与上述相同的主机名，并将方案（协议）替换为https-https：//kendo.cdn.telerik.com/2019.2.619/js/kendo.all.min.js。

注意：https://da7xgjtj801h2.cloudfront.net/ URL保持激活状态，但不再推荐用于新项目。

故障排除

本节提供使用Kendo UI CDN服务时可能遇到的常见问题解决方案。

处理中断和连接问题

虽然Amazon CloudFront服务提供可靠的正常运行时间支持，但您可能会遇到中断或连接问题。在http://status.aws.amazon.com/上检查系统状态后，CDN状态将报告为正常并正常运行。

您可能遇到Internet、网络连接或DNS问题。防火墙，防病毒软件或其他安全软件也可能错误地过滤掉CDN脚本或者即时修改（中断）它们。

解决方案：请联系您的系统管理员，因为远程调查连接问题超出了Kendo UI支持团队的范围。

从CDN引用带有本地脚本回退的Kendo UI

Kendo UI内部版本不会上传到CDN上，因为它们仅适用于拥有商业许可的客户，只有主要版本和Service Pack才会上传到Kendo UI CDN上。

解决方案：对于内部版本，请使用私有CDN服务。建议在使用任何类型的CDN时实施本地回退。

示例：

<!DOCTYPE html>
  <html>
  <head><title>Welcome to Kendo UI</title><link rel="stylesheet" href="http://kendo.cdn.telerik.com/2019.2.619/styles/kendo.common.min.css" /><link rel="stylesheet" href="http://kendo.cdn.telerik.com/2019.2.619/styles/kendo.blueopal.min.css" />
<script src="http://kendo.cdn.telerik.com/2019.2.619/js/jquery.min.js"></script>
  <script>
  if (typeof jQuery == "undefined") {
  // fallback to local jQuery
  document.write(decodeURIComponent('%3Cscript src="/path/to/local/jquery.min.js" %3E%3C/script%3E'));
  }
  </script>
<script src="http://kendo.cdn.telerik.com/2019.2.619/js/kendo.all.min.js"></script>
  <script>
  if (typeof kendo == "undefined") {
  // checking for loaded CSS files is cumbersome,
  // that's why we assume that if the scripts have failed, so have the stylesheets
// fallback to local Kendo UI stylesheets
  document.write(decodeURIComponent('%3Clink rel="stylesheet" href="/path/to/local/kendo.common.min.css" %3C/%3E'));
  document.write(decodeURIComponent('%3Clink rel="stylesheet" href="/path/to/local/kendo.blueopal.min.css" %3C/%3E'));
// fallback to local Kendo UI scripts
  document.write(decodeURIComponent('%3Cscript src="/path/to/local/kendo.all.min.js" %3E%3C/script%3E'));
  // also add kendo.aspnetmvc.min.js or kendo.timezones.min.js, if needed
  }
  </script>
  </head>
  <body>
  Hello world!
  </body>
  </html>

Kendo UI R2 2019 SP1全新发布，最新动态请持续关注Telerik中文网！

扫描关注慧聚IT微信公众号，及时获取最新动态及最新资讯