视图过渡类型的特性检测
💡
原文英文，约400词，阅读约需2分钟。
📝
内容提要
我在新网站上实现了视图过渡类型，但发现常规特性检测无效。虽然Firefox支持startViewTransition，但不支持新语法。通过检测支持情况，可以正确使用视图过渡类型。
🎯
关键要点
-
在新网站上实现了视图过渡类型以触发不同的视图过渡。
-
常规特性检测无效，需使用特定方法检测视图过渡支持。
-
视图过渡支持在不同浏览器中的实现情况仍然较新。
-
使用 document.startViewTransition 检测视图过渡支持，但新语法不兼容。
-
Firefox 支持 startViewTransition，但不支持新视图过渡对象语法。
-
通过特定的特性检测方法可以判断视图过渡类型的支持情况。
❓
延伸问答
如何检测浏览器对视图过渡类型的支持？
可以通过检查 document.startViewTransition 和 ViewTransitionTypeSet 的可用性来检测支持情况。
Firefox 对视图过渡的支持情况如何？
Firefox 支持 startViewTransition，但不支持新的视图过渡对象语法。
视图过渡类型的实现有什么特别之处？
视图过渡类型需要使用配置对象而不是回调函数来调用 startViewTransition。
为什么常规特性检测在视图过渡中无效？
常规特性检测无效是因为视图过渡类型使用了不同的语法，需要特定的方法来检测支持。
如何在代码中实现视图过渡？
可以使用 document.startViewTransition 方法，并传入一个包含更新函数和类型的配置对象。
视图过渡支持在不同浏览器中的实现情况如何？
视图过渡支持在不同浏览器中仍然较新，具体支持情况可能有所不同。
➡️
