angular - Ionic 2 现在支持桌面。这是否意味着一个代码,所有设备?

标签 angular typescript ionic-framework ionic2 progressive-web-apps

我昨天从我的电子邮件中看到了这个

Ionic is now Desktop Ready Build apps for phones up to large desktop displays with Grid and Split Panel Over the last few weeks we've been hard at work adding support for one of Ionic's most highly requested features: Desktop and Tablet support.

With the new responsive Grid system and Split Panel in Ionic Framework 2.2.0, Ionic developers can now build UIs that scale up from smartphones through tablets and desktop displays. All with one code base!

Our goal with Ionic is to enable web developers to build apps on all the platforms they care about. While mobile is still our bread and butter, since Ionic is based on web technologies it works just as well in a mobile app as it does on the web or as a desktop application.

Give the new Grid and Split Panel a try today, and let us know what you think!

这是否意味着我可以为 IOS、Android、Windows 创建一个 ionic 应用程序,并将“应用程序”托管到我的网站和 www.mywebapp.com,以准确查看我在移动应用程序中看到的内容(所有使用一个代码库!)?或者这个想法好得令人难以置信。

最佳答案

这是否意味着我可以为 IOS、Android、Windows 创建 ionic 应用程序 -

以及将“应用程序”托管到我的网站和 www.mywebapp.com,以准确查看我在移动应用程序中看到的内容(全部使用一个代码库!) -

这里他们谈论的是渐进式网络应用程序(PWA)。当您开发 PWA 时,您必须考虑许多因素。关键是您不能将 native 移动插件与该应用程序一起使用。B'cos 原生插件已经专为移动设备而构建。同样,有很多因素。请阅读下面的文章以了解更多信息。

什么是渐进式网络应用 (PWA)?

A Progressive Web App uses modern web capabilities to deliver an app-like user experience. They evolve from pages in browser tabs to immersive, top-level apps, maintaining the web's low friction at every moment.

如果您想查看 Ionic 构建 PWA 的演示,请参阅:Ionic PWA

渐进式网络应用程序是:

渐进式 - 适用于每个用户,无论选择何种浏览器,因为它们是以渐进式增强为核心原则构建的。

响应式 - 适合任何外形尺寸,台式机、移动设备、平板电脑或任何后续设备。

独立于连接 - 通过 Service Worker 进行增强,可以离线工作或在低质量网络上工作。

类似应用程序 - 使用应用程序外壳模型提供应用程序样式的导航和交互。

新鲜 - 得益于 Service Worker 更新过程,始终保持最新状态。

安全 - 通过 TLS 提供服务,以防止窥探并确保内容未被篡改。

可发现 - 由于 W3C list 和 Service Worker 注册范围允许搜索引擎找到它们,因此可识别为“应用程序”。

可重新参与 - 通过推送通知等功能轻松重新参与。

可安装 - 允许用户将他们认为最有用的应用程序“保留”在主屏幕上,而无需使用应用程序商店。

可链接 - 通过 URL 轻松共享,无需复杂的安装。

在这里您可以阅读有关上述概念的更多信息:Getting started with Progressive Web Apps

关于angular - Ionic 2 现在支持桌面。这是否意味着一个代码,所有设备?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42977466/

相关文章:

Angular PrimeNG 表使用 cols 数组每列设置管道

javascript - 如果我使用 babel-polyfill,我可以使用 Typescript 来定位 ES6 吗?

javascript - ionic 点击事件触发两次

javascript - '+' 在 AngularJS 中执行连接而不是加法

angular - ngFor 不显示来自 Observable 事件源的数据

angular - 为 Angular 6 中的所有组件设置通用背景

javascript - SyntaxError : Cannot use import statment without a module, 类型错误 [ERR_UNKNOWN_FILE_EXTENSION]:Catch 22

typescript - 返回列表大小的通用函数中的 no-explicit-any

ios - 空白应用程序无法调试构建 -/找不到 Info.plist 文件

angularjs - 为什么在 cloud9 中加载 ionic 项目需要很长时间?