javascript - ResizeObserver 在 Edge 和 Firefox for Android 中不起作用

Question

我想用this script只显示三行文本并插入“阅读更多”按钮:

const ps = document.querySelectorAll('p');
const observer = new ResizeObserver(entries => {
  for (let entry of entries) {
    entry.target.classList[entry.target.scrollHeight > entry.contentRect.height ? 'add' : 'remove']('truncated');
  }
});

ps.forEach(p => {
  observer.observe(p);
});

不幸的是，由于使用了 ResizeObserver 类 truncated未插入 Android 上的 Edge 和 Firefox 等浏览器中，因此该按钮不显示。我对 JavaScript 专业人士的问题:有什么想法可以在 Edge 和 Firefox 中使用它吗？

Answer 1

我尝试用 测试上面的示例代码适用于 Android 的 MS Edge 44.11.4.4121 看起来它工作正常并且显示按钮并且功能正常。

Edge for Android 和 Firefox for Android 中的输出:



我也查了文档，发现 ResizeObserver Firefox for Android 不支持。所以这就是它不适用于 Firefox for Android 浏览器的原因。



引用:

(1) ResizeObserver

(2) Resize Observer