【问题标题】:CSS and Javascript features available in Cordova/Ionic/PhoneGap apps?Cordova/Ionic/PhoneGap 应用程序中可用的 CSS 和 Javascript 功能?
【发布时间】:2019-09-11 14:56:56
【问题描述】:
在为 Cordova 应用程序编写 CSS 和 JS 时,我如何确定可以使用哪些功能?当我访问 caniuse.com 时,我查看的是 iOS Safari 和 Android 浏览器还是 Chrome?是否有表格可以帮助我映射 Cordova 版本、操作系统版本和浏览器版本?
我曾经被 JS await 操作符在我认为可以在 iOS 10.1 中运行的应用程序中不工作所刺痛。我现在不知道如何判断该应用程序可以运行的最旧的 Android 版本是什么。而且我希望能够根据我的客户或经理预先确定的操作系统决策来确定哪些功能是可用的。
【问题讨论】:
标签:
android
cordova
ionic-framework
phonegap
【解决方案1】:
这是一个很好的问题,不能用一句话来回答。不过我可以分享一些经验:
Android 与 IOS
IOS 是最可预测的,因为所有应用程序都必须使用操作系统附带的相同 WebView。当您设置最低 IOS 版本(例如 10.0)时,您可以在 caniuse.com 上查找 Mobile Safari 支持的功能。
Android 是一个完全不同的故事,因为绝对无法预测用户正在使用哪个 WebView。它通常是 Chromium 的某个版本,但从 Android 5 开始,它可以通过 Play 商店独立于操作系统进行更新。如果您绝对必须支持 Android 4,您可以创建一个单独的构建并使用 Crosswalk(未维护但仍在工作)来获得可预测的 WebView。
JavaScript / CSS
如果您使用 Ionic,那么当您使用 TypeScript 开发并转换为 ES5 时,JS 通常不会那么令人头疼。另一方面,对于 CSS,您将不得不求助于通常的浏览器检查/hacks/回退,就像我们在必须处理像 IE6 这样的浏览器时所做的那样。