StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POChrome for iOS user agent on iPad
text
Body
copied!<p>I have a web page that when viewed from an iOS device displays slightly different content. To detect the device in question the site looks for <code>iPad;</code>, <code>iPod;</code>, or <code>iPhone;</code> in the user agent string.</p> <p>This works perfectly on Safari on all iOS devices. Testing with Chrome for iOS it works on iPhone and iPad 1, but not iPad 3. The web site is getting the following (unexpected) user-agent string:</p> <pre><code>Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_3) AppleWebKit/534.53.11 (KHTML, like Gecko) Version/5.1.3 Safari/534.53.10 </code></pre> <p>This seems to be related to the "request desktop site" option in the chrome menu (what would be the wrench icon in desktop chrome). For my site it's disabled and seems to be locked to the desktop rather than mobile site. For other sites, it's enabled and results in a different user-agent string being sent when selected. eg: try <a href="http://ifconfig.me/all">http://ifconfig.me/all</a> </p> <p>So my questions are:</p> <ul> <li>what criteria does Chrome use to decide whether to enable this option</li> <li>given that Chrome has forced this site to the desktop site, how do I render iOS specific content (in my case a link using a protocol that is handled by my app)</li> </ul> <p>If you'd like to test this yourself, there's a page here that simply reflects the user-agent string.</p> <ul> <li><a href="http://minicompapp.com/Home/UserAgent">http://minicompapp.com/Home/UserAgent</a></li> </ul>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload