浏览网络并不总是一种很好的体验。在智能手机投放市场和笨拙的手机占据主导地位的这段时间之间,功率不足的设备在渲染以台式机为设计对象的网站时遇到了麻烦。从那时起,移动网络就随着响应式设计,加速移动页面(AMP)等优化框架的发展而发展。就Google而言,它正在继续 在Google Chrome中实现滚动锚定功能,以减少页面跳转。

早在2016年夏天,我们第一次写了一个关于Chrome的实验性功能,Google的工程师一直在对其进行测试:滚动锚定。它可以防止在Google Chrome浏览器加载屏幕外内容时出现的讨厌的文本重排问题,该问题使人们感到沮丧,因为它会导致意外点击广告,照片和链接。

滚动锚定一直处于试验阶段,目前正在积极开发中,直到2017年4月,滚动锚定被推到适用于Android的稳定版Chrome上。它极大地改善了Chrome的用户体验,但Google并没有止步于此。这家搜索巨头利用滚动锚序列化扩展了滚动锚 ,该滚动锚序列化的目的是减少在网站上来回导航时有时发生的页面跳转。

非常聪明。Chrome的默认滚动行为将还原并保存绝对值像素偏移。相比之下,滚动锚序列化则通过滚动锚 来恢复滚动位置,从而可以更早地建立页面锚,并防止页面加载期间可能导致可见跳转的重排。

需要通过Chrome标志启用新功能(可在此处找到提交)。在适用于Android的Chrome浏览器中单击此链接(现在为Canary和Nightly Chromium),将带您进入chrome:// flags页面中的相应滚动锚定序列化切换。要使其正常工作,请启用该标志并重新启动Chrome,以使其生效。