在360浏览器使用mutationObserve属性存在兼容性问题

[mmmaaaa]

以前的Issues

问题描述

在项目引入插件之后，使用
const watermark = new Watermark({
content: username.value,
width: 50,
height: 50
})
创建实例之后，默认不设置mutationObserve为false的话会导致在360浏览器最新版本直接cpu飙升到100卡死页面。

复现步骤

环境详情

• **watermark-js-plus version: 1.6.3
• **vue version: 3.3.11
• **360浏览器：版本号:16.1.6074.64(64位)|内核版本:132.0.6834.83

[Xavier9896]

兄弟啊，我被这个问题困扰了一周多了，客户一直反馈有问题，但是我一直没定位到，今天刚刚终于定位到是水印与 360 浏览器之间的冲突问题

[Xavier9896]

watermark-js-plus/src/core/watermark.ts

Lines 213 to 215 in 412ea8c

	(item.type === 'childList' &&
	item.target === this.parentElement &&
	item.target.lastChild !== this.watermarkDom)

问题的根本是 360浏览器近期更新之后会往 body 最后添加 #ai-assistant 这么个节点，水印没有设置 parent 的时候默认为 body，监听并判断了 body 最后一个节点必须是 水印 节点，然后 360的 ai 节点就和水印节点冲突了两者之间相互较劲把自己往 body 最后插入，导致 js 一直在阻塞，造成了页面假死的状态。

[zhensherlock]

hi all , 暂时先将 mutationObserve 设置 false ，等空了，看看怎么修复

[JamesView]

我就是没看issues，折腾了1天，终于定位到是360的AI问题，然后又折腾了一下午才知道是水印和AI浏览器冲突了

[Xavier9896]

我就是没看issues，折腾了1天，终于定位到是360的AI问题，然后又折腾了一下午才知道是水印和AI浏览器冲突了

走了一样的来时路，我也是这样的，折腾的够惨，跟撞邪了一样

[zhensherlock]

Hi all , 该问题已修复，请将依赖版本升级至 1.6.4 后重新验证。