Kendo UI使用教程：CDN服务

【Kendo UI最新试用版下载】

Kendo UI目前最新提供Kendo UI for jQuery、Kendo UI for Angular、Kendo UI Support for React和Kendo UI Support for Vue四个控件。Kendo UI for jQuery是创建现代Web应用程序的最完整UI库；Kendo UI for Angular是专用于Angular开发的专业级Angular UI组件；Kendo UI Support for React支持React Javascript框架，更快地构建更好的应用程序；Kendo UI Support for Vue为Vue技术框架提供可用的Kendo UI组件，更快地构建更好的Vue应用程序。

Kendo UI CDN托管在Amazon CloudFront上。

访问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微信公众号，及时获取最新动态及最新资讯