iPad "Selective Mobile Plugin Loading"

#1 · November 30, 2023, 3:47 pm

Hi,

I have a site where we use a desktop menu on iPad landscape and a plugin that shows a mobile menu for iPad portrait (and of course mobile). I have the mobile menu plugin turned on for mobile only (off for Standard) using the Selective Mobile Plugin Loading feature. This works perfectly on mobile. This also seems to be working on iPad in Chrome (so the "iPad" user agent is working), but it is not working in Safari and Firefox. I tried adding a bunch of of different user agent strings, but can't get it to work. Especially baffled about why it doesn't work on the native Safari browser.

Am I missing something? Any ideas on what I should try?

Thanks

Uploaded files:

#2 · December 5, 2023, 1:53 pm

Go to https://www.whatismybrowser.com/detect/what-is-my-user-agent/ and add that user agent. You can also just add a keyword from that agent that would identify it.

#3 · January 16, 2024, 7:50 pm

Thanks for your response, I did add the user agents and it works with that in place. The issue I see is that it'll work only specifically for that configuration when using the full agent string. Just using "Safari" as the keyword also enables any browser on Mac, since those contain the keyword in their user agents as well.

I discovered in this thread that iPad now sets this on by default in Safari "Settings -> Safari -> Request Desktop Website -> All websites" (when disabled it then uses "iPad" in the user agent). As most people wouldn't know that (and therefor have that setting enabled), I can't see a way to achieve this for all users using the user agent method.

The strings are almost identical between my Mac and iPad, minus the version number.

iPad Pro:

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.0 Safari/605.1.15

Safari Macbook:

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.2.1 Safari/605.1.15

Is there another workaround for this?