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微信公众号,及时获取最新动态及最新资讯