Chrome更新:网站优化人员和开发人员的变化

Chrome 69引入了性能增强功能以​​及会影响用户搜索方式的更改。Chrome还为开发人员提供了在移动设备上创建有趣用户体验的机会。

Chrome的Omnibox aka地址栏的屏幕截图,其中包含对问题的回答
Omnibox Smart Answers功能可以在不加载网站的情况下回答问题。

聪明的答案

最引人注目的变化是名为Omnibox Smart Answers的新功能。它允许用户在不加载网站的情况下在地址栏中获得问题的答案。Google将地址栏称为Omnibox。它调用了Omnibox,Smart Answers中显示的答案。

多功能框可以显示棒球比分:

Chrome的Omnibox aka地址栏的屏幕截图,其中包含对问题的回答只需输入您当地棒球队的名称和“得分”一词,Chrome就会在不加载网站的情况下告诉您分数。

Omnibox Smart Answers可以显示天气:

Chrome的Omnibox aka地址栏的屏幕截图,其中包含对问题的回答Chrome会在地址栏中显示天气,而无需加载指向零位下方其他网站的链接。

这是谷歌的公告所说的:

直接在搜索栏中提供智能答案
您知道Chrome顶部的框,它将搜索栏和地址栏合并为一个?我们称之为Omnibox,我们构建它以便您可以尽快获得搜索结果。

今天,我们正在使它更方便使用。它现在将直接在地址栏中显示答案,而无需打开新的标签 – 从公众人物或体育赛事的丰富结果,到即时答案,如当地天气通过weather.com …

面向开发人员的功能

Chrome 69为开发人员引入了可能改善移动设备用户体验的简洁功能。

  • CSS Scroll Snap
  • 显示切口
  • 圆锥形渐变

CSS Scroll Snap

CSS滚动快照是一种改进,在动画轮播中很有用。此功能允许开发人员控制用户在图像轮播或分页部分中滚动到的位置。

Mozilla的滚动捕捉规范  如下所述:

CSS Scroll Snap Points是CSS的一个模块,它引入了滚动捕捉位置。这些确定了滚动操作完成后容器的scrollport可能结束的特定位置。

显示切口

显示切口允许开发人员创建一个溢出到移动设备上整个可用空间的网页。这使开发人员可以更好地控制网站在移动设备上的外观。

Chrome的Omnibox aka地址栏的屏幕截图,其中包含对问题的回答

圆锥形渐变

Conic渐变是附加的CSS 4属性,允许开发人员围绕圆创建颜色过渡。还有可以创建的动画。在这里查看动画示例   和圆锥渐变。

还有许多CSS功能被采用。

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/261341.html

(0)
上一篇 2022年5月24日
下一篇 2022年5月24日

相关推荐

发表回复

登录后才能评论