在前端开发中，我们经常会用到 MutationObserver 这个API，它用于监听 DOM 元素的变化并做出相应的处理。然而，这个 API 并不是所有浏览器都支持，特别是一些旧版本的浏览器。为了解决这个问题，我们可以使用 npm 包 rkgttr-mutationobserverpolyfill。本文将详细介绍如何使用它，并提供示例代码。
1. 安装 rkgttr-mutationobserverpolyfill
在终端中运行以下命令安装 rkgttr-mutationobserverpolyfill：
npm install rkgttr-mutationobserverpolyfill --save-dev
2. 引入 rkgttr-mutationobserverpolyfill
在需要使用 MutationObserver 的文件中，使用以下代码引入 rkgttr-mutationobserverpolyfill：
import 'rkgttr-mutationobserverpolyfill'
3. 使用 MutationObserver
现在可以使用 MutationObserver，例如：
-- -------------------- ---- -------
-- -----------
----- ---------- - ----------------------------------
-- ----------------
----- -------- - --- ------------------------------------ -
------------------------------------ -
---------------------------
---
---
-- ------
----- ------ - - ----------- ----- ---------- ----- -------- ---- --
-- -----------
---------------------------- --------
-- --------
-- ----------------------4. 总结
使用 rkgttr-mutationobserverpolyfill，可以使不支持 MutationObserver 的浏览器也能够支持这个功能。我们只需要安装和引入包，就可以像使用 MutationObserver 一样使用它。
本文仅为使用教程，关于 MutationObserver 更多的深度学习和指导意义，请参考其他相关教程。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600551a981e8991b448cf067