在本周的综述中:Firefox 获得类似锁匠的功能,三星的 Galaxy Store 开始支持渐进式 Web 应用,CSS Subgrid 在 Firefox 70 中发布,一项新研究证实用户更喜欢点击内容而不是滚动查看内容。
让我们进入新闻。
Firefox 中安全生成的密码
当用户将焦点放在具有 <input>
元素的 autocomplete="new-password"
属性值上时,Firefox 现在会建议一个安全生成的密码。此选项也可以通过任何密码字段的上下文菜单使用。
(来自 The Firefox Frontier)
三星应用商店中的 Web 应用
三星已开始在其应用商店三星 Galaxy Store(可在三星设备上使用)中添加渐进式 Web 应用(PWA)。新的“Web 应用”类别最初仅在美国可见。如果您拥有 PWA,您可以将其 URL 发送到 [email protected],三星将帮助您加入 Galaxy Store。

(来自 Ada Rose Cannon)
移动 Web 上的可点击故事
根据谷歌委托进行的一项 研究,大多数人更喜欢 可点击故事 而不是滚动文章,以在移动 Web 上消费内容。谷歌正在利用这项研究来推广 AMP Stories,这是一种适用于移动 Web 的可点击故事格式。
这两项研究都让参与者与移动 Web 上可点击故事的真实世界示例以及滚动文章等效项进行互动。Forrester 发现,64% 的受访者更喜欢可点击的移动 Web 故事格式,而不是其滚动文章等效项。
(来自 Alex Durán)
CSS Subgrid 的网格表单用例
CSS Subgrid 将在下个月的 Firefox 中发布。此新功能使嵌套网格的网格项目能够放置到外部网格中,这在想要网格项目不是网格容器的直接子项的情况下很有用。

(来自 Šime Vidas)
我对 subgrid 示例感到困惑,但如果你查看链接的文章,你会发现输入标签被包装在标签中。
我认为最后一部分将从 html 源代码中受益。
尽管如此,我对 subgrid 还是感到兴奋。
说得对。我考虑过这一点,但最后一部分仅作为预览,而不是完整的解释,因此我建议您阅读链接的文章,并观看 Mozilla 解释两种回退策略的视频。
在这个示例中,关于 Subgrid 最让我困惑的一点是在嵌套的网格容器上,你同时声明了
gird-column
和grid-template-column
。如果我之前不了解 CSS Grid,我可能会放弃。