如何使反应web应用程序全屏

Question

我想在用户转到特定网页后全屏显示我的反应网页应用程序（没有地址栏，没有导航栏，只显示网页）。我在线尝试了很多模块，但是他们没有工作。这个问题有一个很好的解决方案吗？

Answer 1

您可以尝试使用Javascript Fullscreen API。例如：

document.documentElement.webkitRequestFullscreen()

Answer 2

一种方法是只选择要将应用放入其中的容器。例如，假设您要保留父应用程序中的所有样式，则可以在ReactDOM渲染中定位主体。

ReactDOM.render(
  <ActiveWidgetArea widgets={yourData}/>,
  document.querySelector('body')
);

我在Drupal网站上尝试了这个，它用我的React App填满了屏幕，但保留了很多东西。也许这些是加载React应用程序后加载的东西。你也可以定位html元素。

了解您的父应用程序是什么，以及如何构建网站的其余部分也可能有所帮助。