ajax 加载后，网站在 Chrome 中切换全屏模式答案

【问题标题】：Website toggling full screen mode in Chrome, after ajax loadajax 加载后，网站在 Chrome 中切换全屏模式
【发布时间】：2019-12-22 18:03:22
【问题描述】：

我仍在与网页上的一个 Chrome 问题作斗争。有分页，通过ajax调用加载内容： https://elody.cz/nase-nevesty

当我在分页中单击 2nd、3d、.. 选项卡时。正在执行加载，然后跳转到全屏模式。

您还可以查看此视频： https://www.loom.com/share/768557e080f1471393aa0377d3fec024

我在 Mac 和 Windows 上都有这个问题 - 在 Chrome 中。

请问有人知道怎么解决吗？

谢谢！菲利普

【问题讨论】：

标签： javascript ajax google-chrome debugging

【解决方案1】：

在 ba_gallery.js 里面有下面一行：

    var fullscreen = true;

将此值设置为 false 可能会解决您的问题，我想值得一试

【讨论】：

这确实可以解决问题。观察热线：2071 和 2768-2794
非常感谢！我删除了所有将此变量设置为 true 的地方，它解决了问题！ :-)

【解决方案2】：

ajax 完成后，您可以验证它是否处于全屏模式，如果是，则将其设置为 false。 document.fullscreenEnabled : 测试id浏览器支持全屏 document.documentElement.requestFullscreen();将您的页面全屏显示

document.addEventListener("fullscreenchange", function (event) {
if (document.fullscreenElement) {
    // fullscreen is activated
} else {
    // fullscreen is cancelled
}
});

测试是否全屏

document.exitFullscreen();出去

【讨论】：

这将是解决该问题的一种非常“hacky”的方法。我会建议找到问题的根源
是的，但是如果它们都不起作用，您可以尝试一下，您不喜欢有多种选择来解决问题吗？
我不认为仅围绕问题构建的解决方案是好的解决方案。它们只会降低性能并进一步降低概览。不幸的是，我已经习惯了我公司的这种工作，这会导致很多问题。如果您宁愿花时间找出问题的原因，那么您也可以删除不必要的代码，也许您已经获得了一些概览。