使用 Ionic 构建应用程序、移动 Web 应用程序和桌面 Web 应用程序

Question

我们将开发一个我们希望通过以下渠道分发的应用程序：

1. 通过 Google Play 和 iTunes 的 Android 和 iOS 应用程序（该应用程序将 广泛使用通知，并且需要在 Google Play 和 App Store 中存在）
2. 可在移动设备的网络浏览器中运行的网络应用
3. Web 应用程序可在笔记本电脑和台式计算机的 Web 浏览器中运行。我们希望支持 Chrome、Internet Explorer（从 IE9 开始）、 Firefox 和 Safari 浏览器。

我们的理解是，Ionic 的开发主要针对 1. 并且上面 2. 和 3. 中的网络应用程序并不是 Ionic 的真正用途。我们环顾四周，试图了解 Ionic 是否适用于 2. 和 3.，并且我们自己也进行了一些快速测试。

从最后的链接之一：“是的，您的 web 应用程序将在桌面浏览器中运行，因为它由 html、css 和 javascript 组成。phonegap 特定的 javascript 调用（加速度计、指南针、文件等）不会. 基本上，如果您坚持标准，是的，您将能够相对轻松地将您的应用程序移植到大多数浏览器，此时的工作主要是主题化工作。”

来自另一个：“我确实知道 FireFox 根本不受支持。我不知道 Ionic 在 IE X 中的效果如何。”

为了试用它，我们在 Ionic 中构建了我们的应用程序的有限版本。从我们可以看到该应用程序适用于 1、2 和 3。例如，它在 FireFox 上运行没有问题，上面引用中提到不支持。这意味着在我们看来，第一句话说网络应用程序将在桌面浏览器中运行是正确的。

我知道这是一个相当笼统的问题，可能很难回答，但由于我们在查找时发现了相互矛盾的信息，因此我们会在做出决定之前尝试了解更多信息。

我们将不胜感激。

谢谢， 马库斯

Is it a good idea to use ionic to build mobile web version of a website?

Can Ionic Framework run in desktop web browser like Chrome, Mozilla, IE9+?

http://forum.ionicframework.com/t/ionic-components-on-ie/1826

Phonegap web app in regular desktop browsers

http://ionicframework.com/docs/overview/#css-sass

Answer 1

ionic 仅针对移动应用程序，但您可以使用 node webkit 和 Angular Material 开发桌面应用程序，并在您的应用程序之间共享一些代码

Answer 2

Ionic 仅针对移动设备进行了测试。例如，Internet Explorer 未经测试，无法正确处理 Ionic 中的许多功能。桌面浏览器的行为与移动浏览器不同。

Ionic 专注于构建原生/混合移动应用，而不是 移动网站。

因此，我们的浏览器支持往往是任何 Web View API 可用于给定平台上的本机应用程序。对于离子 1.1.0 “xenon-xerus”，这意味着适用于 iOS 7+ 和 Android 4.1 的 UIWebView 和 向上。 Windows Phone 和 FirefoxOS 支持已在我们的路线图中。

如果您在所有不同的桌面浏览器上测试所有内容比开发一个共享相同控制器和服务的版本更便宜 --- 请继续，但它不会“开箱即用”。

另外，我建议使用 Electron 从 webapps 构建桌面应用程序。