4

The website I'm developing recently uses Bootstrap framework. There is no problem about responsiveness while directly visiting the site.

There is another domain name (domainB) and I'm using URL embed method and it loads the actual site.

While visiting the domainB on a mobile device, the responsiveness doesn't work, it loads the desktop site not the mobile-size one.

So, my question:

How to detect if the site is loaded inside an iframe on a mobile device?

I saw that question and by that method it can be understood if the webpage is being loaded inside an iframe but how to detect if the visitor is on a mobile device?

(I don't have any code control on domainB, the URL embed feature is served by domain name registrar company.)

(There could be some SEO issues about this, I know this.)

Community
  • 1
  • 1
herci
  • 375
  • 1
  • 4
  • 24

1 Answers1

0

You could use the mdetect.js script from MobileESP to check if the page is loaded on a mobile device. The method DetectMobileQuick() seems to do what you want, you can find an example here . As described on the MobileESP page, this approach may not work for older phones, including older BlackBerry, PalmOS, and Windows Mobile devices, that have poor support for Javascript. You may also want to check out this post that describes how you can use bootstrap to determine the size of the device view being used.

How to detect which device view you're on using Twitter Bootstrap API?

Community
  • 1
  • 1
Alex
  • 21,273
  • 10
  • 61
  • 73