当前位置: 首页 > 使用教程

Kendo UI使用教程:CDN服务

发布时间:2019-07-18

Kendo UI最新试用版下载

Kendo UI目前最新提供Kendo UI for jQueryKendo UI for AngularKendo UI Support for ReactKendo 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微信公众号,及时获取最新动态及最新资讯

慧聚IT微信公众号
扫码咨询
电话咨询
023-68661681
返回
顶部