Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/csharp/271.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/date/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
C# Blazor全屏_C#_.net_Blazor_Blazor Server Side_Blazor Client Side - Fatal编程技术网

C# Blazor全屏

C# Blazor全屏,c#,.net,blazor,blazor-server-side,blazor-client-side,C#,.net,Blazor,Blazor Server Side,Blazor Client Side,我是Blazor的新手,我正试图弄清楚如何在全屏模式下打开浏览器。我知道我可以执行Javascript中断并运行Javascript,但这与Blazor的目的背道而驰 如何在Blazor中进入和退出全屏模式。有办法做到这一点吗 这是Javascript中全屏模式的代码: /*获取documentElement()以全屏显示页面*/ var elem=document.documentElement; /*全屏观看*/ 函数openFullscreen(){ if(元素请求全屏){ 元素请求全

我是Blazor的新手,我正试图弄清楚如何在全屏模式下打开浏览器。我知道我可以执行Javascript中断并运行Javascript,但这与Blazor的目的背道而驰

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

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


/*获取documentElement()以全屏显示页面*/
var elem=document.documentElement;
/*全屏观看*/
函数openFullscreen(){
if(元素请求全屏){
元素请求全屏();
}else if(elem.mozRequestFullScreen){/*Firefox*/
elem.mozRequestFullScreen();
}else if(elem.webkitRequestFullscreen){/*Chrome、Safari和Opera*/
elem.webkitRequestFullscreen();
}else if(elem.msRequestFullscreen){/*IE/Edge*/
elem.msRequestFullscreen();
}
}
/*全屏关闭*/
函数关闭全屏(){
if(document.exitFullscreen){
document.exitFullscreen();
}else if(document.mozCancelFullScreen){/*Firefox*/
document.mozCancelFullScreen();
}如果(document.webkitExitFullscreen){/*Chrome、Safari和Opera*/
document.webkitExitFullscreen();
}else if(document.msExitFullscreen){/*IE/Edge*/
document.msExitFullscreen();
}
}

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

然后按右上角的安装按钮:

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


我认为你目前不能用C#来做这件事。改用JS互操作。
 <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>