gpt4 book ai didi

c# - Blazor 全屏

转载 作者:行者123 更新时间:2023-12-04 10:01:03 28 4
gpt4 key购买 nike

我是 Blazor 的新手,我正在尝试了解如何以全屏模式打开浏览器。我知道我可以执行 Javascript 中断并运行 Javascript,但这违背了 Blazor 的目的。

如何在 Blazor 中进入和退出全屏模式。有没有办法做到这一点?

这是 Javascript 中全屏模式的代码:

https://www.w3schools.com/jsref/met_element_requestfullscreen.asp

 <script>
/* Get the documentElement (<html>) to display the page in fullscreen */
var elem = document.documentElement;

/* View in fullscreen */
function openFullscreen() {
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.mozRequestFullScreen) { /* Firefox */
elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) { /* Chrome, Safari and Opera */
elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen) { /* IE/Edge */
elem.msRequestFullscreen();
}
}

/* Close fullscreen */
function closeFullscreen() {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.mozCancelFullScreen) { /* Firefox */
document.mozCancelFullScreen();
} else if (document.webkitExitFullscreen) { /* Chrome, Safari and Opera */
document.webkitExitFullscreen();
} else if (document.msExitFullscreen) { /* IE/Edge */
document.msExitFullscreen();
}
}
</script>

最佳答案

您可以使用 PWA 选项在 Blazor 中使用全屏模式:

enter image description here

然后你应该按右上角的这个安装按钮:

enter image description here

在此之后,您可以在全屏模式下将其作为桌面应用程序运行:

enter image description here

关于c# - Blazor 全屏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61820274/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com