Š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 几何属性(x
、y
、r
等)。此功能已在 Chrome 和 Safari 中受支持,预计将于 9 月份在 Firefox 69 中发布。
查看 CodePen 上的
使用 CSS 动画化 SVG 几何属性,作者是 Šime Vidas (@simevidas)
在 CodePen 上。
(来自 Jérémie Patonnier)
浏览器可以保持会话 Cookie 生存
Chrome 和 Firefox 允许用户在启动时恢复以前的浏览器会话。启用此选项后,关闭浏览器不会删除用户的会话 Cookie,也不会清空网页的 sessionStorage
。
鉴于这种会话恢复行为,确保您的网站在收到过时的会话 Cookie 时能正常运行比以往任何时候都更重要(例如,将用户重定向到登录页面,而不是显示错误)。
(来自 Eric Lawrence)