Google Chrome 开发工具移动视图未显示 Iframe 内容
[英]Google Chrome Dev Tools Mobile View not showing Iframe content
问题描述
我注意到我在我制作的弹出模式中使用的 iframe 在开发人员工具的 Google Chrome 移动视图中没有显示。 如果我在桌面视图中以及在调整浏览器 window 的大小（不使用 Chrome 开发工具）时，内容将显示。 在 Safari 上，它在 safari 开发人员工具和桌面视图中运行良好。
我确保将 X 帧内容设置为我在响应中正确观察到的 SAMEORIGIN。 我还确保两个 URL 是同一个域，并且都是 HTTPS。 但同样的问题仍然存在。
您知道导致此问题的任何其他原因或我可以调查的原因吗？ 我也愿意接受其他方法/建议。 感谢您的时间！
1 个解决方案
解决方案1
0 2022-08-29 23:37:56
由于我无法更改浏览器在不同设备上处理 iframe 的方式。 我决定不再使用每个浏览器中的内置 PDF 阅读器，而是使用 react pdf 库来启动我自己的 PDF 阅读器。
https://www.npmjs.com/package/react-view-pdf
我能够在桌面和移动设备的谷歌浏览器上查看 pdf！
Srcset 属性在移动设备和 Chrome 开发工具中的移动设备视图中无法正常工作
[英]Srcset attribute not working as expected on mobile and in mobile device view in Chrome dev tools
元素存在于Chrome开发工具中，但不存在于View Source中-这怎么可能？
[英]Element present in Chrome Dev Tools but NOT in View Source - how is this possible?
摆脱 chrome 开发工具 html 视图封装中的 _nghost 和 _ngcontent
[英]get rid of _nghost and _ngcontent in chrome dev tools html view encapsulation
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
Chrome-Dev-Tools 中的移动视图是否强制缩放？
Srcset 属性在移动设备和 Chrome 开发工具中的移动设备视图中无法正常工作
我在 Google chrome 中的开发工具出现问题
使用导航栏模拟移动设备的 Chrome 开发工具
Chrome 开发工具：检查器显示错误的元素大小？
Chrome 开发工具在 div 之间显示 1px 的线
<iframe>在谷歌Chrome Mobile中被涂黑了
元素存在于Chrome开发工具中，但不存在于View Source中-这怎么可能？
摆脱 chrome 开发工具 html 视图封装中的 _nghost 和 _ngcontent
使用 Chrome 开发工具刷新模式以查看 HTML/CSS 更改
相关标签