CSS 和 Javascript 功能在 Cordova/Ionic/PhoneGap 个应用中可用?

CSS and Javascript features available in Cordova/Ionic/PhoneGap apps?

在为 Cordova 应用程序编写 CSS 和 JS 时,我如何确定可以使用哪些功能?当我转到 caniuse.com 时,我是在查看 iOS Safari 和 Android 浏览器还是 Chrome?有没有 table 可以帮助我映射 Cordova 版本、OS 版本和浏览器版本的地方?

我曾经被 JS await 操作员刺痛过一次,我认为它在 iOS 10.1 中可以运行的应用程序中无法运行。我现在不确定如何判断该应用程序可以运行的最旧的 Android 版本是什么。我希望能够根据我的客户或经理预先确定的 OS 决定找出哪些功能可用。

这是一个很好的问题,不是一句话就能回答的。不过我可以分享一些经验:

Android 对比 IOS

IOS 是最可预测的,因为所有应用程序都必须使用 OS 附带的相同 WebView。当您设置最低 IOS 版本(例如 10.0)时,您可以在 caniuse.com.

上查找 Mobile Safari 支持的功能

Android 是一个完全不同的故事,因为绝对没有办法预测用户正在使用哪个 WebView。它通常是 Chromium 的某个版本,但从 Android 5 开始,它可以通过 Play 商店独立于 OS 进行更新。如果您绝对必须支持 Android 4,您可以创建一个单独的构建并使用 Crosswalk(未维护但仍在工作)来获得可预测的 WebView。

JavaScript / CSS

如果您使用的是 Ionic,那么当您使用 TypeScript 开发并转换为 ES5 时,JS 通常不会那么令人头疼。另一方面,对于 CSS,您将不得不求助于常规的浏览器检查/黑客攻击/回退,就像我们在不得不处理 IE6 等浏览器的日子里所做的那样。