Prevent a Modern site page from being rendered in mobile view inside sharepoint online

Question

I have the following problem inside our sharepoint online team site collection:-

1. i have created a new modern site page.
2. inside the modern site page, i added many Embed web parts which contains iframes referencing other sharepoint lists/libraries.
3. we have the mobile view site feature enabled.

now when i access the modern page from my mobile phone, the modern page will be rendered correctly, but for the Embed web parts which contain iframes nothing will be displayed (empty white area). now if i click on "switch to pc view" the iframes will get displayed well inside my mobile screen. so my question is; if there is a way to prevent a modern site age from being rendered in mobile view? i know that i can disable the "mobile view" site feature, but doing so will affect the whole site, while what i am looking for is to disable the mobile view rendering for a single modern site page only.. so is this possible?

Answer 1

I think it's impossible to disable mobile view just for one page. But you can disable it for your SharePoint website: Try disabling "Locate Mobile Browser View" feature in Site Settings.

Answer 2

The easiest solution I can come up with that does not include fondeling with 3rd party software or snooping in the web.config file would be to insert either a usercontrol or some javascript on the page which changes the /?mobile=1 to /?mobile=0.

Answer 3

If you are using SharePoint 2013, try setting up device channels. Device channels enable you to provide a different user experience based upon the device or even browser the user is accessing your site from.

Answer 4

1. Create an SPFX webpart
2. Write some code to identify if it's a mobile Eg:

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { // some code.. }

3. If its a mobile then clear all the webparts by using

this.domElement.innerHTML = "";

Hope this helps.