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微信公眾號，及時獲取最新動態及最新資訊

慧聚IT微信公眾號

Kendo UI使用教程：CDN服務

訪問CDN

故障排除

Kendo UI使用教程：CDN服務

教程：node服務端阿里雲配製0到完成

Android UI教程：概述

Spring Cloud Alibaba基礎教程：Nacos服務發現與配置管理

Prometheus Operator 教程：根據服務維度對 Prometheus 分片

Kendo UI使用教程：Bower Packages

解決：一個服務器oracle多實例有一個實例沒啟動，需手動啟動操作指引教程

UI設計教程：如何在設計中運用顏色

UI設計初學者教程：色彩基礎知識

Golang Gtk+3教程：GtkBuilder使用XML構建UI

Kendo UI開發教程 7 Kendo UI 模板概述

Telerik UI for ASP.NET AJAX教程：在React應用程式中管理狀態的3個基本技巧

Telerik UI for ASP.NET AJAX教程：C＃中的函式程式設計

產品設計教程：利用“系列位置效應”優化UI

直播技術：從效能引數到業務大資料，淺談直播CDN服務監控

Goflyway 進階教程：免費域名+免費CDN+HTTP偽裝=被牆的IP繼續做代理

Spring Cloud系列教程 | 第一篇：微服務架構演進

一：springCloud服務發現者，服務消費者（方誌朋《史上最簡單的 SpringCloud 教程》專欄讀後感）

Kendo UI開發教程 3 初始化Data 屬性

Telerik Kendo UI 那點事【3】GridView MVVM前後臺聯動服務端分頁、分組、過濾（查詢）、排序

Kendo UI使用教程：CDN服務

訪問CDN

故障排除

相關推薦