Home → Electric Mobile Studio - Problems →

Mobile Safari browser

• Edit

Kevin Cotter

25 Jan, 2013 01:27 AM

When using as an iPad it is showing the IE desktop browser instead of the Mobile Safari browser for the iPad. How can I make it show the iPad mobile browser rather than the desktop browser?

1. Support Staff 1 Posted by Shaun Sullivan on 25 Jan, 2013 04:49 AM

   

   I do not understand.

   Are you using it from Visual Studio or something?

   • Edit

2. 2 Posted by Kevin Cotter on 25 Jan, 2013 02:04 PM

   

   No

   Our mobile app renders pages differently according to the type of device. A desktop will display buttons and pages much differently thatn a mobile browser such as Safari. Your iPad simulator thinks the source is a desktop device rather than a mobile device when using the simulator. If we want to make screencasts using the iPad simulator, it must render the pages like an iPad or mobile device, not a desktop browser.

   Is there a way to make this happen with the simulator?

   • Edit

3. 3 Posted by Kevin Cotter on 25 Jan, 2013 02:21 PM

   

   No

   I want the simulator to act and appear like the mobile safari browser.
   My mobile web app identified the device and the pages render
   appropriately. Buttons are different on desktop browsers versus mobile
   browser. Pages will render differently depending on the source.

   When using Electric Mobile Studio via iPad simulator is is thinking that
   I am coming from a desktop browser rather than Safari mobile browser.

   Is there a way to make it think the iPad simulator source is a mobile
   device rather than a desktop?? so that it can render the appropriate
   page appearance and buttons.

   • Edit

4. Support Staff 4 Posted by Shaun Sullivan on 25 Jan, 2013 04:45 PM

   

   It sends the mobile safari user agent, how are you guys doing browser
   detection?

   • Edit

5. 5 Posted by Kevin Cotter on 27 Jan, 2013 04:08 PM

   

   On one server we use a PHP script from http://detectmobilebrowsers.mobi

   On another we use the following attached

   • mobile_device_detect.zip 13.4 KB
   • Edit

6. 6 Posted by Kevin Cotter on 29 Jan, 2013 04:55 PM

   

   Shaun

   Did you get a chance to look into the Mobile Detect issue regarding the iPad simulator? I am prepared to purchase a license and wondered if this can be resolved.

   Thanks

   Kevin

   • Edit

7. Support Staff 7 Posted by Shaun Sullivan on 29 Jan, 2013 05:59 PM

   

   The second script you sent in the attachment will definitely work. I can't
   access the first, as it is a commercial product.

   Make sure you are running the latest version of the product. We broadcast
   the correct user agent for sure.

   • Edit

8. 8 Posted by Kevin Cotter on 29 Jan, 2013 07:16 PM

   

   Shaun

   I have attached 2 screenshots

   ipad.PNG The way it should look

   desktop.png the it currently looks (It would look this way with desktop browser)

   • desktop.png 15.2 KB
   • ipad.PNG 79.8 KB
   • Edit

9. Support Staff 9 Posted by Shaun Sullivan on 29 Jan, 2013 08:09 PM

   

   Can you send me a link to the page?

   • Edit

10. 10 Posted by cotterk on 29 Jan, 2013 08:19 PM

    

    www.mobilecws.com

    This is the login screen, not the same page, but you will see by the buttons which should be for iPad

    Sent from my iPhone

    • Edit

11. Support Staff 11 Posted by Shaun Sullivan on 29 Jan, 2013 09:25 PM

    

    Thanks.

    I thought you were applying custom styles based on the UserAgent, but it
    appears you are using standard buttons. The simulator does not do
    automated rounding of buttons or standard controls. Sorry for the
    confusion.

    Shaun

    • Edit

12. 12 Posted by cotterk on 29 Jan, 2013 09:32 PM

    

    So you are telling me it won't appear like it does on an actual iPad??? Not sure what you mean.

    Sent from my iPhone

    • Edit