如何防止iFrame在与浏览器交互后扰乱其历史记录?

How can I prevent Iframe messing browser#39;s history after interactions with it?(如何防止iFrame在与浏览器交互后扰乱其历史记录?)

本文介绍了如何防止iFrame在与浏览器交互后扰乱其历史记录?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

所以在我的例子中,我使用iFrames将Grafana附加到我的页面(它为我提供了漂亮且易于使用的图表)。

可以注意到,Grafana的iFrames在图形上每次进行放大或缩小(使用鼠标单击)交互后都会在我的角度页面上触发一种刷新,从而扰乱浏览器的历史记录。我没有在iframe的src上看到任何改变来证明这个页面刷新是合理的,而且它显然没有触发任何东西(例如,没有触发任何onLoad)。

这是正常行为吗?我如何才能防止这种情况?

我使用的是Grafana版本6.2.2和角度6.1的脚本化仪表板。

推荐答案

希望对您有所帮助,我可能会在您的方案中尝试一下:

  1. 只有grafana iframe的空白html页。查看它是否仍刷新父页面。如果不是,则可能是角度问题。
  2. 你说沙盒打破了iFrame?也许可以玩玩不同的沙盒价值。如允许脚本并查看它是否需要其中一个值才能工作

    https://www.w3schools.com/tags/att_iframe_sandbox.asp

  3. 也许可以尝试将Grafana iframe放在另一个iframe中。我以前从未这样做过,但它可能会尝试刷新父iFrame,而不是父页面。

在这个问题上发布您的角度html代码也会很有帮助。可能会有一些提示。

这篇关于如何防止iFrame在与浏览器交互后扰乱其历史记录?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本文标题为:如何防止iFrame在与浏览器交互后扰乱其历史记录?

基础教程推荐