是否可以获取用户的书写方式和书写方向？

Question

是否可以获取用户的写作模式？我想知道文本是 RTL 还是 LTR 和 TB。

看来我可以从 computedValue 中得到方向和书写模式。

#div2 {
  writing-mode: vertical-lr;
}

#div1 {
  direction: rtl;
}

p {
  background-color: #FFEECC;
}

<p>While the characters in most scripts are written from left to right, certain scripts are written from right to left.</p>

<p id="div1">While the characters in most scripts are written from left to right, certain scripts are written from right to left. In some documents, in particular those written with the Arabic or Hebrew script, and in some mixed-language contexts, text in a single (visually displayed) block may appear with mixed directionality. This phenomenon is called bidirectionality, or "bidi" for short.</p>

<p id="div2">While the characters in most scripts are written from left to right, certain scripts are written from right to left. I</p>

或者是否有推荐的方法来获取此信息，例如 IME 模式？

获得方向和写作模式或语言是否是表示考虑其他语言的方式？

https://www.w3.org/TR/css-writing-modes-3/

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Relationship_of_Flexbox_to_Other_Layout_Methods#Writing_Modes

Answer 1

答案：

使用getComputedStyle Window 方法。

 getComputedStyle(document.body).direction;
 getComputedStyle(document.body)["writing-mode"];

---

为什么？

与简单地访问节点的style 对象可能会默认返回一个空字符串（ae direction 默认为“ltr”但将返回“”）不同，getComputedStyle 将返回每次请求的样式值，包括默认值。

---

示例：

let direction = getComputedStyle(document.body).direction;
let writing_mode = getComputedStyle(document.body)["writing-mode"];
console.log(direction, writing_mode);

---

旁白：

也可以和Destructuring Assignment结合使用：

let {direction, "writing-mode": writing_mode} = getComputedStyle(document.body);

let {direction, "writing-mode": writing_mode} = getComputedStyle(document.body);
console.log(direction, writing_mode);

Answer 2

HTML文档有一个“direction”属性，指定其内容的语言方向，但这并不代表用户的阅读方向（即美国的美国用户可以访问一个日本网站和内容的阅读方向是 RTL)。

相反，您可以使用 Javascript 获取用户的浏览器语言来检查全局属性：

navigator.language

这将为您提供 ISO 语言（即“en-US”）代码，您可以将其与 RTL 语言的 ISO 代码数组（易于从 google 收集）进行比较，以及 BTT 的 ISO 代码列表语言。