每周平台新闻:事件计时、谷歌地球网页版、僵尸会话Cookie

Avatar of Šime Vidas
Šime Vidas 发布

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费信用额度!

Šime 在 webplatform.news 上定期发布面向 Web 开发人员的内容。

本周新闻包括:维基百科帮助识别三个缓慢的点击处理程序,谷歌地球登陆网页版,CSS 中的 SVG 属性获得更多支持,以及在遇到僵尸 Cookie 时该怎么做。

使用事件计时查找缓慢的事件处理程序

事件计时在 Chrome 中以实验性方式提供(作为来源试验),维基百科正在参与该试验。此 API 可用于准确地确定事件处理程序的持续时间,目标是找出缓慢的事件。

我们快速识别出维基百科真实用户经常遇到的 3 个非常频繁的缓慢点击处理程序。[…] 其中两个问题是由导致样式重新计算和布局的昂贵 JavaScript 调用引起的。

(来自 Gilles Dubuc)

谷歌地球网页版 Beta 版现已推出

谷歌地球网页版(由 WebAssembly 提供支持)的预览版现已推出。您可以在基于 Chromium 的浏览器和 Firefox 中 试用 它,它在尚未(重新)启用 SharedArrayBuffer 的浏览器中单线程运行,但在 Safari 中不可用,因为 Safari 缺乏对 WebGL2 的完全支持。

(来自 Jordon Mears)

CSS 中的 SVG 几何属性

Firefox Nightly 已在 CSS 中实现了 SVG 几何属性(xyr 等)。此功能已在 Chrome 和 Safari 中受支持,预计将于 9 月份在 Firefox 69 中发布。

查看 CodePen 上的
使用 CSS 动画化 SVG 几何属性
,作者是 Šime Vidas (@simevidas)
CodePen 上。

(来自 Jérémie Patonnier)

浏览器可以保持会话 Cookie 生存

Chrome 和 Firefox 允许用户在启动时恢复以前的浏览器会话。启用此选项后,关闭浏览器不会删除用户的会话 Cookie,也不会清空网页的 sessionStorage

鉴于这种会话恢复行为,确保您的网站在收到过时的会话 Cookie 时能正常运行比以往任何时候都更重要(例如,将用户重定向到登录页面,而不是显示错误)。

(来自 Eric Lawrence)