如何在任意浏览器全局强制设置HTML属性dir=auto？

我完全懂你这种混合语言评论读起来的痛苦——阿拉伯语和英语混在一起的时候，没有自动方向的话，整个排版乱得一塌糊涂，要费劲猜着读，太影响体验了！下面给你几个实用的解决方案，从灵活的扩展脚本到接近“硬编码”的浏览器自定义设置都有：

• 用用户脚本实现全局/精准强制dir=auto
  这是最推荐的方法，灵活度拉满，所有主流浏览器（Chrome、Firefox、Edge等）都支持。你只需要先安装一个脚本管理扩展（比如Tampermonkey或者Violentmonkey），然后新建一个脚本，粘贴下面的代码：

  // ==UserScript==
  // @name         Global Dir=Auto Enforcer
  // @version      0.1
  // @description  给所有文本容器强制添加dir=auto，解决混合RTL/LTR文本阅读问题
  // @match        *://*/*
  // @grant        none
  // ==/UserScript==
  
  (function() {
      'use strict';
  
      // 选择需要处理的文本容器元素，可根据需求修改
      const targetTags = ['p', 'span', 'div', 'li', 'td', 'blockquote'];
  
      // 给现有元素添加dir=auto属性
      function setDirAuto() {
          targetTags.forEach(tag => {
              document.querySelectorAll(tag).forEach(el => {
                  if (!el.hasAttribute('dir')) {
                      el.setAttribute('dir', 'auto');
                  }
              });
          });
      }
  
      // 页面初始加载时执行
      setDirAuto();
  
      // 监听动态加载内容（比如YouTube的滚动加载评论），自动处理新元素
      const observer = new MutationObserver(mutations => {
          mutations.forEach(mutation => {
              if (mutation.addedNodes.length) setDirAuto();
          });
      });
      observer.observe(document.body, { childList: true, subtree: true });
  })();
  

  保存脚本后，刷新任何网站，所有符合条件的元素都会自动加上dir=auto属性。如果只想针对YouTube生效，把@match改成*://*.youtube.com/*就行，还能把targetTags换成YouTube评论区的具体选择器（比如ytd-comment-renderer #content-text），精准处理评论内容。

• 用自定义CSS实现类似效果（接近浏览器硬改）
  如果你更倾向于用样式来控制，不想跑JS脚本，也可以用全局自定义CSS。比如：

  • Firefox用户可以找到浏览器的userContent.css文件（需要先开启浏览器的自定义样式支持），添加这段代码：

    p, span, div, li, td, blockquote {
        direction: auto !important;
        unicode-bidi: plaintext !important;
    }
    

  • Chrome/Edge用户可以用Stylus这类自定义样式扩展，把上面的CSS设置为全局启用。
    这个方法的效果和dir=auto属性几乎一致，都是让文本根据内容自动调整阅读方向，适合不想折腾脚本的用户。

• 小提示：针对混合文本的额外优化
  有些时候，即使加了dir=auto，极短的混合文本可能还是会有排版问题，你可以在脚本里加个简单的判断——检测文本里是否包含阿拉伯语/希伯来语这类RTL字符，如果有的话再强制设置dir=auto，这样更智能，也不会影响纯LTR的文本。

内容来源于stack exchange