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微信公眾號，及時獲取最新動態及最新資訊
QQ交談
在線咨詢
渝公網安備
50010702500608號
客服熱線