乐趣区

关于edge:微软如何使Edge成为PWA的最佳浏览器

相干浏览:微软解析新 Edge 浏览器的多过程体系结构

近年来,因为网络巨头和挪动开发人员的推动,渐进式 Web 利用已成为一种增长趋势,因为它们容许将相似原生的体验带入任何平台。

在最致力于这项新技术的公司中,有 Microsoft,它通过 PWABuilder 等我的项目帮忙 Web 开发人员拥抱了这一新技术。随着第一个基于 Chromium 的微软 Edge 版本的推出,以及最近在 Build 2020 上的发表,该公司通过引入令人兴奋的新性能和 API,旨在弥合原生应用程序和 Web 应用程序之间的差距。

那么,这些变动是什么,对你意味着什么?

PWA 是 Windows 上的一等公民

第一组更改波及从 Microsoft Edge 装置的 PWA 与 Windows 交互的形式。

直到现在,从 Edge 装置一个 Web 利用意味着领有一个令人难以置信的原生感觉的应用程序,然而在某些状况下体现得很奇怪。

例如,它们在“设置”应用程序或工作管理器中没有显示为独自的应用程序,从而使它们更难治理,特地是对于不太精通技术的用户。Edge 团队在 Build 2020 上进行了虚构演示,发表在行将公布的浏览器版本中,PWA 将被 Windows 视为其余任何应用程序,所有这些将很快失去修复。

除此以外,装置网络应用还可能被设置为共享指标(即它们将呈现在 Windows 共享对话框的利用列表中),在操作系统启动时申请启动权限,并将某些文件类型、URL 和协定设置为默认。

新的 API

除了旨在让 PWA 感觉更原生的变动之外,Edge 团队还公布了一套新的 API,让 Web 利用的行为更像他们的原生利用。

可自定义的标题栏

从 UI 角度来看,PWA 的最显著的毛病之一是当它们在桌面设施上运行时无奈自定义其标题栏。

在行将推出的 Edge 版本中,新的 API 应该能够解决这个问题,容许开发人员在标题栏下扩大 HTML 元素。

这对于简单的 PWA 特地有用,因为他们能够在用户界面中搁置标签和搜寻栏,而不会节约贵重的空间。

原生文件系统拜访

到目前为止,不容许网站将文件保留在用户设施上的特定地位。这意味着在线照片编辑器须要用户上传他们想要编辑的照片,而后下载到他们的设施上,而原生的照片编辑器只会给出替换现有照片的选项。

从 Edge 86 开始(83 版本是写稿时最新的版本),开发者将可能替换用户在会话中抉择的所有文件,从而使 Web 上的生产力利用更加有用。

徽章

咱们曾经晓得一个将徽章增加到应用程序图标的 API 将呈现在基于 Chromium 的浏览器中,但当初咱们第一次看到了全貌:咱们不仅可能将带有数字和图标的徽章增加到 PWA 中,咱们还将取得一个新的事件,用于在服务线程中更新徽章的内容。我感觉这种事件的概念十分乏味,因为它引入了一种轻量级的替代品,用于推送告诉的事件。

尽管看起来只是一个小小的 UI 调整,但我不会因为这只是一个小小的扭转就等闲视之,因为用户钻研曾经屡次证实,在利用图标上增加徽章能够大幅提高用户参与度。

通往 Microsoft Store 的简便路径

多亏了 PWABuilder,它曾经能够以最小的致力将 PWA 公布到 Microsoft Store。这种办法最相干的毛病是,打包后的 Web 利用运行在传统的 Edge 引擎上,而不是 Chromium 上,因而无奈利用一些新公布的 API。

在 Build 2020 中,咱们发现这所有都将在几个月后发生变化,届时 PWABuilder 将容许打包的 Web 应用程序在 Chromium 上运行。

完结

作为一名网络开发者,我很快乐看到微软在渐进式 Web 利用上投入如此之大,因为我认为它们不仅是网络体验的将来,也是挪动利用的将来,这样的性能使它们成为原生语言和框架的更可行的替代品。

如果你和我一样对这些改良感到兴奋,我倡议你去看看作为 Project Fugu 的一部分正在开发的 PWA 的倡议性能列表,Project Fugu 是谷歌、微软和英特尔的跨公司致力,为咱们带来了许多后面提到的变动。

原文:https://medium.com/swlh/
作者:Samuele Dassatti

退出移动版