javascript - 是否有浏览器 API 可以告诉我应用于浏览器的首选项(字体系列、字体大小、焦点大小等)？

Question

我想知道是否有 API 可以了解用户应用于浏览器的首选项，例如字体大小、字体系列等。

我写这个问题是因为我被要求将浏览器首选项应用到我的 HTML 页面。例如，如果用户视力不佳并且浏览器字体变大，我想将该尺寸应用到我的网页。

我的目标是这样的:

document.getElementById("myBodyTag").style.fontSize = browser.getCurrentFont()

其中“浏览器”是我正在寻找的 API。

编辑: 我寻找这个 API 的真正原因是因为我的项目的客户端正在阅读 the technical reference of the European Union Accessibility Law ，声明我的网络应用程序必须继承平台设置，如下图所示。

在我看来，他们没有正确理解文档的内容，因为应用于网页的规则和应用于软件的规则之间的联系不明确。

Answer 1

不确定这是否是您的意思，但是(未以任何方式修改的)文档的 window.getCompulatedStyle 为您提供了用户为其浏览器设置的当前首选项。类似于(尝试修改浏览器字体样式设置并重新运行代码片段):

const nativeStyle = getComputedStyle(document.documentElement);

console.log (`Document font: ${nativeStyle.fontFamily} ${
  nativeStyle.fontStyle} ${nativeStyle.fontSize}`);