检测浏览器对 CSS @Page 属性的支持

Question

我目前正在使用 CSS@page{ /* some css */ }来设置一些特定的 CSS，但并非每个浏览器都支持这一点。我想使用一些 Javascript 来检测浏览器是否支持此功能，如果不支持，则向用户显示一条消息。

我读过有关 的内容CSS.supports()，但我尝试过的命令的任何变体都不起作用。

我的文件中当前写入的内容是：

document.addEventListener("DOMContentLoaded", function() {
  if (!CSS.supports("page")){
    console.log("booooo")
  } else {
    console.log("yaaayy")
  }
});

理想情况下，我能够使用 if 语句内部将类添加到预先存在的 html 消息中，例如<p> For best results viewing this webpage, please use Google Chrome. </p>（我推荐 Chrome 的原因是因为我知道 Chrome 支持 @page 该功能。）

我对其他解决方案持开放态度，但由于 @page 功能可以纠正页面，因此此方法将是面向未来的，因为如果浏览器决定添加或删除对此功能的支持，此方法仍然会起作用（假设没有弃用）CSS.supports()。