Shine

> 第一次打开这个链接的时候，确实出现了这个问题。然后，我将我浏览器里除了划词翻译之外的所有插件全都关闭，再次刷新页面，这个页面恢复正常了，见文末图片。 > > 划词翻译以及其它插件均可能会导致这个问题，因为大部分插件都会需要往你浏览的网页中插入自己的 DOM 元素用来展示界面，而这就会引起使用服务器端渲染的网站出现“服务器渲染的 DOM” 和“实际浏览器里的 DOM”结构不一样的问题。 > > 划词翻译其实做过优化，会在确保网页已经渲染完成之后（大概是 0.5 秒）才会插入 DOM，当然这个时机可能不够准确，但目前我确实没有在仅开启划词翻译的情况下重现这个问题。 > > @lmk123 你创建一个全新浏览器账户试一下呢？我是仅安装划词翻译插件测试的

@lmk123 实际上网页未加载完成时，这个 class `Mode-Light` 是存在的，网页样式就没问题  但是当划词翻译插件插入 DOM 时，这个 class 就不见了 

> 再试了下，确实在仅开启划词翻译的情况下又重现了。 > > 本质上还是得改造成懒加载的形式才能避免这个问题，但这个改动起来牵扯太大，我先放着吧。。 > > > 当划词翻译插件插入 DOM 时，这个 class 就不见了 > > 划词翻译只是插入了 DOM，不会修改原网页的任何信息。这是 ssr 的时候发现 DOM 不一致导致的。 OK，那我暂时写个脚本延迟为 `` 添加 class 解决这个问题 😂。 ```js setTimeout(() =>...

看这个文档：https://learnku.com/docs/dcat-admin/2.x/basic-use/8143