Kendo UI for jQuery使用教程:支持Web瀏覽器
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小部件和框架組件旨在支持所有主要的Web瀏覽器,并提供跨瀏覽器兼容性、標準兼容性或支持觸摸設備。
但是根據項目的具體情況,您使用的組件以及窗口小部件版本,對瀏覽器的支持可能會有所不同。
常規支持
大多數Kendo UI小部件在它們支持的瀏覽器版本中沒有特定限制。
瀏覽器 | 支持版本 |
Edge | 20或更高版本(僅限Microsoft官方支持的版本) |
Internet Explorer | 9或更高版本 |
Chrome | 當前版本和舊版本 |
Firefox | 當前版本和ESR版本 |
Opera | 15或更高版本 |
OS X Safari | 6.2.6或更高版本 |
支持Kendo UI Hybrid
混合UI小部件和框架組件適用于基于Cordova的部署,并支持下表中列出的移動設備瀏覽器和相應的Web視圖組件。
瀏覽器 | 支持版本 |
Internet Explorer | Windows Phone 8.x上的10或更高版本 |
Chrome | 當前版本和舊版本 |
Firefox | 不支持 |
OS X Safari | 6.2.6或更高版本 |
支持數據可視化小部件
根據下表,呈現數據可視化的Kendo UI小部件(如圖表、儀表、條形碼、圖表和地圖)可能需要更新的瀏覽器版本。
完全支持的瀏覽器
瀏覽器 | 支持版本 |
Edge | 20或更高版本(僅限Microsoft官方支持的版本) |
Internet Explorer | 9或更高版本 |
Chrome | 當前版本和舊版本 |
Firefox | 當前版本和ESR版本 |
Opera | 15或更高版本 |
OS X Safari | 6.2.6或更高版本 |
iOS Safari | iOS 8或更高版本 |
Chrome for Mobile | 21或更高版本 |
支持瀏覽器的限制
瀏覽器 | 支持版本 | 限制 |
Internet Explorer | 10 | 不支持畫布中的虛線,這也會影響圖像導出 |
Android | 2.3 | Android 2.x使用非交互式畫布輸出 僅支持Canvas渲染模式 |
支持PDF導出
Kendo UI PDF生成器在以下桌面瀏覽器中經過測試和支持:
- Internet Explorer 9及更高版本。
- 最新的Chrome,Firefox,Safari和基于Blink的Opera版本。
注意:Internet Explorer 9和Safari不支持與PDF相關的保存文件選項。 要實現此目的,您需要實現服務器代理。
據官方統計,由于瀏覽器限制和混合應用程序中與CORS相關的安全限制,移動設備不支持PDF導出。 例如,無法在混合應用程序中加載本地存儲的字體文件。 盡管在特定情況下以PDF格式導出可能適用于某些移動設備,但移動瀏覽器和混合移動應用程序不支持PDF導出。
最佳性能
為了提高項目的性能:
- 始終使用最新的瀏覽器版本。
- 從瀏覽器配置選項中選中Disable Script Debugging。
- 在Internet Explorer中激活緩存。
Web瀏覽器支持說明
- 截至Kendo UI 2017 R1版本,不再支持Internet Explorer 8。
- 截至Kendo UI 2015 Q3版本,不再支持Internet Explorer 7。
- 自Internet Explorer 11于2013年10月發布以來,如果您需要支持,請查看Kendo UI 2013 Q3 SP2(2013.3.1324)版本或更新的Kendo UI版本。
- 不支持處于測試階段的瀏覽器。
- 不支持放大頁面。
- 不支持縮放頁面。不同的瀏覽器處理子像素計算的方式不同,縮小頁面可能會導致意外行為 - 例如,缺少邊框。
- 不支持將放大或縮小的頁面導出為PDF。
- 不支持Quirks模式。
- 不支持Internet Explorer兼容模式。 與它們模擬的瀏覽器版本相比,這些模式可以表現出不同的行為并呈現錯誤。
- 由于環境的sandbox限制,不支持Windows Universal應用程序和Cordova for Windows 10環境。 此環境的推薦UI套件是Windows Universal的UI。
- 默認情況下,混合環境中會發現僅在混合應用程序中出現但未在獨立支持的瀏覽器中出現的意外行為,這些行為與Kendo UI無關。
- 建議在META標記或HTTP標頭上使用Internet Explorer邊緣模式:<meta http-equiv="X-UA-Compatible" content="IE=edge" />
- Kendo UI對其CSS樣式使用漸進增強。 因此,舊的和過時的瀏覽器可能會忽略CSS 3樣式,如圓角和線性漸變。
- 嵌入在桌面(WinForms)應用程序中時,Internet Explorer的行為會有所不同。 它報告支持指針事件,但實際上沒有。 因此,Kendo UI所依賴的一些事件不會被觸發。 要解決此問題,請在注冊Kendo UI腳本之前執行以下JavaScript代碼。
<script> window.MSPointerEvent = null; window.PointerEvent = null; </script>
掃描關注慧聚IT微信公眾號,及時獲取最新動態及最新資訊
