Emulators don't like XenForo

[Dad.]

Every time I try any kind of emulator with XenForo, such as http://ipad-emulator.org/, any site works but not a XenForo installation. I wonder if it has something to do with:

<meta name="viewport" content="width=device-width, initial-scale=1">

Any thoughts anyone?

 

[Chris D]

These sites aren't actually emulating anything at all, unfortunately.

All they are is iframes that are scaled to the size of the supposed "emulated" devices. And therein lies the real problem:


Your best bet is to just resize your browser window.

In Chrome > F12 > Click the cog in the bottom right > Scroll down to Device metrics.

Set the screen resolution to 1024 x 768 and that should emulate a landscape iPad.

 

[Dad.]

Thanks Chris, I wasn't sure if it was an actual emulator or just an iframe at 1024x768 (which I obviously have other tools for). I have a bug on iPad, and I don't own an iPad. So I don't know how to go about bug fixing that.

 

[Steve F]

If you need me to try to help Mike just let me know, I have access to iPad 2 and mini.

 

[SneakyDave]

IIRC, isn't the frame error message that Chris posted due to Xf's click jacking prevention?

I seem to recall a similar issue using Xf as a frame in a Facebook app canvas.

Maybe I'm mistaken

 

[Jeremy]

Yes, its caused by a header, but iFrames aren't the best (and usually don't work) for responsive design. I find it best (and how I develop at work) to resize my browser.

 

[Dan]

AFAIK you're able to deactivate the click jacking protection.
just add following line to your config.php

$config['enableClickjackingProtection'] = false;