0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

微软是如何打造出如此优秀的页面滚动体验?

工程师邓生 来源:cnBeta.COM 作者:cnBeta.COM 2020-04-03 10:43 次阅读
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

基于Chromium的Edge目前已经超过Firefox,成为仅次于Chrome的第二大桌面浏览器。它之所以能如此深受用户青睐,除了跟进Chromium获得诸多卓越特性之外,更在于微软对这款浏览器的精细化打磨,尤其是对页面滚动特性的深入研究,而且相关特性被推广到Chrome中。

滚动是最常见的用户交互方式之一,无论多么好的浏览器,糟糕的滚动都会毁掉任何体验。那么如何才能打造出优秀的滚动体验呢?微软在最新的Windows博客中进行了详细介绍。文章中表示无论用户使用哪种输入方式,都需要他们的滚动体验是快速和响应性。

个性和性能

在Edge Canary通道版本发布之初,微软收到的1000多条反馈意见中,其中大部分都是关于改进滚动特性的建设性意见。这使得微软非常重视滚动的个性和性能,包括改变Edge Chromium在Windows中的工作方式,以更好地匹配Windows的 “个性”。

微软根据反馈:

● 41%的反馈与我们所说的滚动 “个性”或滚动的感觉有关。

● 39%的反馈与功能问题有关,即滚动不能按预期的方式工作。

● 13%的反馈涉及到具体的性能问题,如漏帧、结巴或响应性等。

● 5%的反馈涉及到PDF滚动的问题。

● 2%的反馈不属于之前的任何一种。

改良:

基于这样的反馈,为了改善用户体验,微软已经对Edge Chromium进行了一些改动,通过对Chromium代码进行改进,已经实施了一些重大的改动,供用户尝试。

其中最显著的一些变化包括:

● 改进后的动画曲线,让每一个鼠标滚轮、键盘或滚动条的滚动都有了上一版Edge中常见的 “流畅 ”个性,并赋予了动画更多的手感。

● 基于百分比的滚动,让更小的滚动条更容易浏览。

● Overscroll弹跳,也就是 “橡皮筋”,由于用户相比之下更喜欢这种弹跳,所以升级到了71%。

从旧Edge迁移到新Edge

虽然上述的改变给新的Edge Chromium带来了许多用户最喜欢的功能,但微软也表示,他们正在重新评估现有的其他滚动行为,而这些滚动行为并不那么受欢迎。例如,微软的团队对scroll chaining(经典版Edge中使用的)与scroll latching (Chromium版本中所)进行了比较,微软指出,97%以上的用户更喜欢scroll chaining的滚动特性。

第二个例子是Fling Boosting。 Fling Boosting是Chromium中已经包含的一个功能,它允许用户通过多次翻动来提高上下移动的速度,直到到达页面的顶部或底部。

此前,微软Edge推出了自己的概念--Quick Flick,用户使用快速翻转的方式来进行上下移动,但在用户研究中发现,大多数用户无法准确地重现这个动作,所以他们不会用这个动作取代Floosting Boosting。

下一步是什么

微软的目标是将微软Edge和Chromium的精华整合在一起,创造出市场上最好的浏览器体验。虽然作为普通用户并不太关注滚动特性上的技术细节,但微软会不断倾听用户的意见,并希望不断改进他们的浏览器。
责任编辑:wv

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 微软
    +关注

    关注

    4

    文章

    6719

    浏览量

    107349
  • EDGE
    +关注

    关注

    0

    文章

    189

    浏览量

    43944
收藏 人收藏
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

    是德示波器DSOX1202滚动模式设置指南

    在现代电子测试中,示波器是分析动态信号的重要工具。是德示波器DSOX1202的滚动模式通过实时滚动显示波形,帮助用户捕捉持续变化的信号细节。本文将详细介绍如何设置DSOX1202的滚动模式,并探讨其应用场景。
    的头像 发表于 10-09 17:50 533次阅读
    是德示波器DSOX1202<b class='flag-5'>滚动</b>模式设置指南

    中软国际基于华为MetaERP打造新型ERP解决方案

    在华为全联接大会2025上,中软国际战略业务系统部副总裁李军发表主题演讲。面对电力行业数字化转型的深水区,中软国际基于华为MetaERP打造出一套具备全栈国产化底座、融合华为先进管理实践的新型ERP解决方案,助力国央企在核心经营领域实现安全自主可控与智能化升级。
    的头像 发表于 09-28 11:45 917次阅读

    NVIDIA DRIVE AGX Thor开发者套件重磅发布

    这款由 NVIDIA DriveOS 7 驱动的开发者套件能够帮助开发者们打造出更安全的智能汽车和交通解决方案。
    的头像 发表于 09-04 11:20 1003次阅读

    智锐通 HLC-6009:重塑移动 C 型臂性能新标杆

    智锐通在 HLC-6009 整机设计之初,便充分考量医疗设备的特殊需求,打造出贴合场景的解决方案。
    的头像 发表于 08-20 18:00 618次阅读
    智锐通 HLC-6009:重塑移动 C 型臂性能新标杆

    HarmonyOS实战:快速实现一个上下滚动的广告控件

    广告功能基本上算是每个软件的必备功能之一,常见的除了轮播图,列表之外,就是上下滚动的形式。广告内容不仅支持上下滚动,还需要支持手势操作,以及关闭当前正在预览的广告内容。在 Android 或 iOS
    的头像 发表于 06-24 17:05 375次阅读

    是德示波器EXR604A滚动模式设置指南

    一、滚动模式概述 是德示波器EXR604A的滚动模式(Roll Mode)是一种实时连续显示波形数据的工作模式,适用于监测动态变化的信号。与传统触发模式不同,滚动模式通过自右向左连续滚动
    的头像 发表于 05-14 18:10 1005次阅读
    是德示波器EXR604A<b class='flag-5'>滚动</b>模式设置指南

    是德示波器DSOX3012A滚动模式设置指南

    是德示波器DSOX3012A作为一款高性能数字示波器,其滚动模式(Rolling Mode)为工程师提供了实时监测动态信号变化的强大工具。本文将结合设备操作逻辑与工程实践,详细阐述滚动模式的设置步骤
    的头像 发表于 05-13 15:55 497次阅读
    是德示波器DSOX3012A<b class='flag-5'>滚动</b>模式设置指南

    Keysight是德示波器滚动模式设置指南

    。其中,滚动模式(Roll Mode)作为一项核心功能,通过连续滚动显示波形数据,为工程师提供了观察长时间信号演变、捕捉低频信号变化趋势的利器。本文将详细介绍Keysight示波器滚动模式的设置步骤、参数优化技巧及应用场景,帮助
    的头像 发表于 04-30 15:39 1442次阅读
    Keysight是德示波器<b class='flag-5'>滚动</b>模式设置指南

    电机绕组滚动烘干炉防爆安全技术探讨

    电机绕组滚动烘干工艺在电机行业中逐步推广应用,但该防爆滚动烘干设备的制造却仍没有统一的标准,这就为设备的制造、使用、维修、保养埋下了隐患。文章主要探讨了防爆滚动烘干炉的防爆技术,以期引起同行对防爆
    发表于 04-27 19:28

    是德示波器滚动模式设置指南

    一、滚动模式概述 是德示波器的滚动模式(RollMode)是一种实时波形显示模式,通过连续刷新屏幕上的波形数据,以水平滚动的方式呈现信号的动态变化。与传统采样模式不同,滚动模式不依赖触
    的头像 发表于 04-02 11:52 1318次阅读
    是德示波器<b class='flag-5'>滚动</b>模式设置指南

    芯科科技助力Aspinity打造创新车载安全解决方案

    )推理技术打造出一款创新的车载安全解决方案。该方案不仅能够准确识别安全事件,还能有效避免耗尽车辆电池,为车主提供持续的安心保护,实现真正的全时汽车安全监控。
    的头像 发表于 03-17 14:15 949次阅读

    主线科技致力于定义智慧物流新范式

    主线科技依托完善的系统设计与功能安全正向开发体系,打造出全栈自研可控、软硬一体的“AiTrucker”L4级自动驾驶系统。
    的头像 发表于 03-11 13:31 736次阅读

    联想携AI终端阵容亮相CES 2025

    “我们致力于突破技术的界限,打造出卓越性能和多功能性的AI终端,使个人、企业和游戏玩家能够充分发挥潜力,重新定义了用户的工作、创造和娱乐方式。”
    的头像 发表于 01-08 13:42 1132次阅读
    联想携AI终端阵容亮相CES 2025

    长城汽车联手高德地图打造出行联合创新LAB

    近日,长城汽车与高德地图基于长期良好的合作基础,联手打造的“出行联合创新LAB”正式在保定市长城汽车技术中心揭牌。根据共同约定,双方将通过出行联合创新LAB,发挥各自优势,共同研究、探索基于用户出行
    的头像 发表于 01-07 09:51 846次阅读

    鸿蒙原生页面高性能解决方案上线OpenHarmony社区 助力打造高性能原生应用

    Nodepool、HMrouter和DataCache 三大解决方案,并上架OpenHarmony开源社区分,分别针对应用页面滑动、跳转、首页冷启动等关键性能场景提供高效易用的工具,助力伙伴和开发者打造
    发表于 01-02 18:00