技术博客
微软介绍 Edge 105 浏览器新功能:可使 PWA 应用更像原生应用
admin2022-09-29 05:30
353人已围观
简介微软介绍 Edge 105 浏览器新功能:可使 PWA 应用更像原生应用
9 月 28 日消息,微软今日在一个新的博文中详细介绍了 Edge 105 浏览器中的一个新的功能,能够使桌面 Web 应用感觉更像原生应用。
原生应用和 Web 应用的对比
微软曾最初在 2020 年 1 月提到了一项新的渐进式网络应用(PWA)的功能,名为窗口控件布局(Window Controls Overlay),允许开发人员创建自己的标题栏,而不是强迫他们使用默认标题栏。然后,该公司在 2021 年 3 月通过 Chromium 项目开始了早期实施工作,Chrome 浏览器在 2022 年 5 月发布的 102 版本中对其进行了采用。现在随着正式规范的发布,该功能也已成为 Edge 105 的默认体验。
使用 Window Controls Overlay 的前后对比
了解到,微软 Edge 团队的 Amanda Baker 曾在技术文档中表示:“这一功能使开发者能够构建更好地利用屏幕空间的 Web 应用,并允许他们将 Web 应用设计得更像原生应用。随着设备体积变得更小,便携性越来越高,标题栏占据了非常大的一部分屏幕空间,留给用户与 Web 应用交互的空间相应地也就变小了。”
开发者能够控制将 PWA 应用标题栏的大约 30px 的高度,虽然 30px 听起来很小,但它会让 PWA 应用有自主权在这个区域显示自定义的标题、菜单栏、导航标签等。
微软强调,这适应于不同的操作系统,包括 Windows、Mac 和 Linux。下面是一张显示不同操作系统对这 30px 高度的利用情况的图片,下图中的黄色区域将由 PWA 控制:
微软称,“我们相信 PWA 是制作桌面 Web 应用的最佳选择。把你的网站变成一个真正感觉属于桌面的应用从未如此简单,使用 Window Controls Overlay 功能将帮助你创建桌面应用,看起来更现代,更吸引你的用户。”
值得一提的是,在 Edge 105 中 Window Controls Overlay 已经是默认启用的,但是在这个版本的主要或次要版本的更新日志中都没有强调这一点。

微信公众号
很赞哦!(0)
相关文章
文章评论
评论0
站点信息
- 微信公众号:扫描二维码,关注我们

点击排行

标签云
-
php
网页设计
个人博客
JS
个人博客
Html
春节必看: 2020新春红包大战 全攻略
新增详细玩法攻略!
支付宝集五福5亿集分宝招商银行抽现金券抖
抖音 2020 发财中国年 攻略
支付宝集五福5亿集分宝招商银行抽现金券抖
最近购买威尔胜WTB0900复刻版和WT
mysql慢查询和php-fpm慢日志
PSR-2
基础代码规范
Thinkphp
响应式
公司
整站
源码
网络科技网站模板
1024
节日
百度收录
论坛
社区
2020
豆瓣
评分最高
电影
debugger
调试
Python
语法
高德
百度地图
MySQL
追寻
webpack
vue
oracle
服务器搭建
有趣
动物
人体
历史
天文
生活
名人
体育
地理
文化
科学
心理
植物
饮食
自然
图片
JVM
IDEA
Loader
Git
UNIAPP
股票
A股
同花顺
海尔
海天味业
半年报
股市总结
歌尔股份
乐普医疗
涪陵榨菜
餐饮
财报分析
酒店
年报分析
美锦能源
山煤国际
贵州茅台
张坤
腾讯
华鲁恒升
淮北矿业
药明康德
早盘关注
国电电力
北方华创
宝丰能源
TCL中环
兔宝宝
天润乳业
启明星辰
阳光电源
山西汾酒
迈瑞医疗
人福医药
比亚迪
宁德时代
汤臣倍健
伊利股份
通威股份
东鹏饮料
隆基股份
紫金矿业
五粮液
康龙化成
赣锋锂业
爱尔眼科
片仔癀
VR
永新股份
爱美客
美的集团
格力电器
科沃斯
云南白药
同仁堂
洋河股份
白云山
三体
狂飙 原著