Question

我有一个iframe，其中的内容可拖放。我在另一个页面中使用了该iframe，该页面会自动生成一个父iframe。拖放功能在chrome 72之外的所有其他浏览器中均可使用。在所有其他较低版本的浏览器中均可使用。此自动iframe没有源。当我将自己的src放入此自动生成的iframe中时。拖放功能起作用。自动生成的iframe如下所示：

<iframe allow="geolocation *; microphone *; camera *" frameborder="no" height="600px" id="0660o000007CIdc" marginheight="0" marginwidth="0" name="0660o000007CIdc" scrolling="no" title="DragDropTest" width="100%"></iframe>

我的内在iframe是

<iframe allow="geolocation *; microphone *; camera *" frameborder="0" height="600" id="theIframe" name="theIframe" scrolling="no" src="https://test1.officescope.com/verunasfservicetest/DragDropTest.html" title="Content" width="800"></iframe>

这是什么问题？

Answer 1

它是Chrome更新-72引入的。Chromium团队提出了它。根据Chrome小组的说法，只有在iframe中装有iframe时，这种情况才会发生。

请查看此-https://bugs.chromium.org/p/chromium/issues/detail?id=936299#c19

解决方法：使用以下命令运行google chrome- chrome.exe --disable-features = VizHitTestSurfaceLayer，VizHitTestDrawQuad，VizDisplayCompositor

使用上述解决方法尝试在URL下进行操作，即可进行拖放。

 <iframe src="https://dragdropiframedemo.azurewebsites.net/Home.html" width="640" height="480">

iframe chrome 72中的拖放功能

1 个答案: