Kendo UI使用教程:CDN服务
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托管在上。
访问CDN
要访问Kendo UI CDN服务,您可以使用以下任一方法:
- HTTP协议
- HTTPS协议
使用HTTP
所有JavaScript文件的缩小版本均可在以下位置获得:
- //kendo.cdn.telerik.com/VERSION/js/FILENAME.min.js
- //kendo.cdn.telerik.com/VERSION/styles/FILENAME.min.css
例如,可以从以下位置加载2019.2.619版本:
- //kendo.cdn.telerik.com/2019.2.619/js/kendo.all.min.js
- //kendo.cdn.telerik.com/2019.2.619/styles/kendo.common.min.css
注意:只有Kendo UI官方发行版和服务包才会上传到CDN,内部版本不会发布到CDN。
截至Kendo UI Q1 2014 SP1发布,已经提供了缩小的Kendo UI脚本。 要加载它们,请使用//kendo.cdn.telerik.com/2019.2.619/js/kendo.ui.core.min.js URL。
注意://cdn.kendostatic.com/ URL仍然有效,但不再推荐用于新项目。
使用HTTPS
要通过HTTPS协议访问Kendo UI CDN服务,请使用与上述相同的主机名,并将方案(协议)替换为https-https://kendo.cdn.telerik.com/2019.2.619/js/kendo.all.min.js。
注意://da7xgjtj801h2.cloudfront.net/ URL保持激活状态,但不再推荐用于新项目。
故障排除
本节提供使用Kendo UI CDN服务时可能遇到的常见问题解决方案。
处理中断和连接问题
虽然提供可靠的正常运行时间支持,但您可能会遇到中断或连接问题。 在//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="//kendo.cdn.telerik.com/2019.2.619/styles/kendo.common.min.css" /><link rel="stylesheet" href="//kendo.cdn.telerik.com/2019.2.619/styles/kendo.blueopal.min.css" /> <script src="//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="//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>
扫描关注慧聚IT微信公众号,及时获取最新动态及最新资讯