如何使反應網絡應用程序全屏

我想在用戶轉到特定網頁（沒有地址欄，沒有導航欄，只顯示網頁）後使我的反應Web應用程序全屏。我在網上嘗試了很多模塊，但他們沒有工作。這個問題有很好的解決方案嗎？如何使反應網絡應用程序全屏

2017-10-10 Darren

一種方法是隻選擇您想放置應用程序的容器。例如，假設你想保留父應用程序的所有樣式，你可以在ReactDOM渲染中定位正文。

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

我想這在Drupal站點，並與我的應用程序做出反應填充的屏幕，但留下了很多的東西完好無損。也許這些是在加載React應用程序之後加載的東西。你也可以定位html元素。

這也可能有助於瞭解您的父應用程序是什麼，以及網站的其他部分是如何構建的。

2017-10-10 21:05:56 icicleking

你能舉一個小例子，讓我可以有一個更好的圖片嗎？ – Darren

@Darren我不知道你在找什麼。該選擇器'document.querySelector（'body'）'選擇主體，'.render'將應用程序放到選擇器所在的位置。我認爲你應該提供關於網站建設的更多細節，比如這是一個WordPress站點，海峽HTML等。 – icicleking

好，它的工作原理！ – Darren

您可以嘗試使用Javascript全屏API。例如：

document.documentElement.webkitRequestFullscreen()

2017-10-31 15:55:03

回答