vue3开发的浏览器页面，点击放大全屏后提示 若要退出全屏模式，请按esc" 这个提示信息怎么把前面的地址信息去掉

Question

vue3开发的浏览器页面，点击放大全屏后提示 http://localhost:9000若要退出全屏模式，请按esc" 这个提示信息怎么把前面的地址信息去掉

Answer 1

阿里嘎多学长整理AIGC生成，因移动端显示问题导致当前答案未能完全显示，请使用PC端查看更加详细的解答过程

很简单的问题!

这是因为你设置的浏览器全屏化时，可能有一个属性要求在全屏模式下显示此提示信息。

解决方案：

你可以尝试在全屏函数中，通过JS的document.exitFullscreen()方法设置全屏状态，并且在设置全屏状态前，需要禁用浏览器的提示消息。

在你全屏函数中添加如下代码：

document.addEventListener("fullscreenchange", function() {
    if (!document.fullscreenElement) {
        document.exitFullscreen();
    }
});

document.addEventListener("mozfullscreenchange", function() {
    if (!document.mozFullScreenElement) {
        document.mozCancelFullScreen();
    }
});

document.addEventListener("webkitfullscreenchange", function() {
    if (!document.webkitFullscreenElement) {
        document.webkitCancelFullScreen();
    }
});

document.addEventListener("msfullscreenchange", function() {
    if (!document.msFullscreenElement) {
        document.msCancelFullscreen();
    }
});

这段代码会在你进入或退出全屏状态时，检查是否有全屏元素，如果没有，就退出全屏状态。这可能会阻止提示信息的显示。

希望这个问题的答案你满意。