Chrome 138.0.7204.50打开代码检查器时PDF显示异常求助
Chrome 138.0.7204.50打开代码检查器时PDF显示异常求助
各位好,最近我碰到了一个特别棘手的Chrome浏览器问题,折腾了好几天都没找到根源,特意来请教下大家有没有类似的经历或者排查方向。
问题现象
我在自己的Web应用里用iframe嵌入展示PDF文件,平时一切正常,但升级到Chrome 138.0.7204.50版本后,只要打开Chrome的代码检查器(DevTools),PDF就直接消失不显示了,控制台还会弹出这条警告:
[Violation] Potential permissions policy violation: fullscreen is not allowed in this document.
但只要关闭代码检查器,等一会儿PDF又能正常加载出来。更迷惑的是,同样是这个Chrome版本,不是所有用户都遇到这个问题,这让排查难度直接拉满了。
我观察到的细节
- 我的Angular项目里,用来渲染PDF的iframe代码是这样的:
<iframe [src]="iframeSrc" height="100%" width="100%"></iframe>
我并没有手动指定allowfullscreen属性,但实际生成的DOM里,承载PDF的iframe自动带上了allow="fullscreen *"的配置。
- 对比**正常显示(关闭DevTools)和异常显示(打开DevTools)**的DOM结构,发现了关键差异:
- 异常状态下的DOM结构有些“反常”:嵌套的iframe里居然又出现了DOCTYPE,而且Shadow DOM部分的嵌套iframe指向了另一个节点;但正常状态下的Shadow DOM里没有这个子节点。
- 正常状态的DOM里没有额外的嵌套iframe层级,而异常状态的Shadow DOM多了一层子节点引用。
已经尝试过的排查方法
我已经做了这些尝试,但都没能解决问题:
- 逐个禁用Chrome安装的所有扩展程序,排除扩展干扰的可能,但没用;
- 直接在Chrome里打开本地PDF文件,结果同样出现这个问题,说明不是我自己的Web应用的代码问题;
- 对比了同版本Chrome的其他用户环境,暂时没找到导致差异的共性因素。
现在我完全摸不着头脑了,不知道到底是Chrome的隐藏设置、实验性特性,还是其他什么环境因素导致的这个问题。想请教大家:
- 有没有人在Chrome 138.0.7204.50版本也遇到过相同的PDF+DevTools冲突问题?
- 有没有什么我没考虑到的排查方向,比如Chrome的实验性开关、权限策略相关的配置?
麻烦大家帮忙分析下,谢谢啦!
内容来源于stack exchange
相关产品推荐
相关产品推荐

