IE自动添加style标签致SharePoint中accordion编辑异常求助

嘿，这个问题我之前帮团队排查过类似的，主要是IE和现代浏览器在标准遵循、DOM处理上的老问题，给你拆解下：

为什么IE会自动添加style标签？ #

IE（尤其是IE11及更早版本）有个“坏习惯”——当它认为页面的HTML/CSS不符合旧标准时，会触发怪异模式（Quirks Mode），自动插入一些默认的style标签来“修正”它眼中的不规范代码。而Chrome是严格遵循现代W3C标准的，不会做这种画蛇添足的自动补全，所以你看不到冗余标签。

最常见的触发点是页面的DOCTYPE声明缺失或者不完整，IE会默认进入怪异模式，开始乱加样式。

SharePoint Accordion组件的编辑问题根源 #

SharePoint的Accordion组件在设计时优先适配了现代浏览器，在IE下踩坑很正常：

• 事件触发不兼容：Accordion的展开/折叠依赖JavaScript事件（比如click、自定义toggle事件），IE对这些事件的处理逻辑和Chrome不一样，比如事件对象的属性、触发时机都有差异，导致编辑模式下无法触发面板打开的逻辑。
• 编辑模式逻辑未适配：Chrome中默认展开所有面板是组件针对现代浏览器做的编辑模式优化，但IE下这个优化逻辑没有生效，面板一直处于折叠状态，自然没法编辑里面的内容。

可以试试这些解决办法 #

• 强制IE用标准模式：确保你的SharePoint页面顶部有完整的DOCTYPE声明：<!DOCTYPE html>，这能让IE切换到标准模式，减少自动插入style标签的情况，也能让组件的逻辑更接近Chrome的表现。
• 给IE加兼容补丁：在Accordion的JS代码里，针对IE做专属处理，比如判断浏览器是IE后，手动触发编辑模式下的面板展开操作，或者替换不兼容的事件监听方式（比如IE11之前用attachEvent，之后可以用addEventListener但要做兼容判断）。
• 检查SharePoint版本支持：如果你的SharePoint是较新版本，官方可能已经放弃对旧IE的支持了，这种情况下要么升级浏览器，要么找兼容旧IE的Accordion组件替代。

内容的提问来源于stack exchange，提问作者clare