XenForo sites don't work on mobile device emulators

[Luxus]

I wanted to test XenForo's responsive design with mobile device emulators, but all xenforo sites gave me white screens. Tested with http://mobilesiteviewer.com/ and http://mobiletest.me/

Other sites work including xenforo's frontpage. Not sure in what forum this belongs so I put it here.

 

[Steve F]

Get this in console of Chrome and FF

Chrome: Refused to display 'http://xenforo.com/community/' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'. 

FireFox: Load denied by X-Frame-Options: http://xenforo.com/community/ does not permit cross-origin framing.

 

[Mike]

Framing the site is a potential (albeit obscure) security issue (clickjacking). You can generally just shrink your browser window.

 

[CTXMedia]

FF: Firefox menu > Web Developer > Responsive Design View

 

[Chris D]

You can also do the same in Chrome:

Dev tools > Elements > Settings > Overrides > Device Metrics: Screen resolution

 

[rainmotorsports]

I always test on my actual device or a reduced browser window. The only way to be truly sure is to be on the platform with the browsers you want to test. Obviously its much easier to test resolution based problems with a desktop browser.

That second site doesn't even have correct resolutions for the devices it portrays making it more of a try out a random low res frame than anything. HTC One is a 1080P device is it not? I mean you have to account for text scaling etc not sure if thats what they are attemping.

 

[Arty]

Those are not mobile device emulators, those are simple frames. Browser behaves like on desktop, not like on mobile devices. Both are completely pointless websites.

If you want real emulator install XCode. Its free. It has real emulator of iOS devices, not like those fake websites.

 

[DeltaHF]

If you don't have a Mac to install the real iOS device simulators in Xcode, take a look at BrowserStack: http://www.browserstack.com/