Skip to main content
Paul Wilson CTDP
Community Expert
Paul Wilson CTDPCommunity Expert
Community Expert
May 22, 2020
Question

Force iPad Safari to Use Mobile View Instead of Desktop

  • May 22, 2020
  • 2 replies
  • 2952 views

Since the introduction of iPadOS, drag and drop doesn't function in Adobe Captivate published materials when using the default browser Safari. The reason for this is that the Safari browser loads the desktop view instead of the mobile view. If you switch to mobile view, the drag and drop works fine. I was wondering if injecting a line or two into my index.html or adding some JavaScript into my project to force iPad Safari to load my projects in mobile view. I don't really want to provide instructions to my iPad clients to switch to mobile view. It should be something more easy and seamless for them. 

      This topic has been closed for replies.

      2 replies

      C
      Charles5CD7
      Participant
      September 29, 2020

      Hey Paul,

       

      Did you find a solution? i'm having the same problem. 

      Paul Wilson CTDP
      Community Expert
      Paul Wilson CTDPCommunity ExpertAuthor
      Community Expert
      September 29, 2020

      So far the only solution is to inform iPad users to switch to mobile view manually. There must be a way to force mobile view through JavaScript but not a JavaScript expert. 

      Paul Wilson, CTDP
      Stagprime2687219
      Stagprime2687219
      Legend
      May 22, 2020

      When you say "switch to mobile view" - are you referring to turning off the 'Request Desktop Website' setting for Safari?

       

      Paul Wilson CTDP
      Community Expert
      Paul Wilson CTDPCommunity ExpertAuthor
      Community Expert
      May 22, 2020

      Mobile view was the default on Safari for iOS on iPads prior to version 13. For version 13, Apple, in their infinite wisdom, decided that iPads would essentially be desktop devices. Thus iPads now use "iPadOS" not iOS. Full desktop view is now the default for Safari on iPads and the option is to override that and request mobile site. Drag and drop seems to only work on the mobile version and since the default is now desktop, clients require manual intervention to see interactions like drag and drop. 

      Paul Wilson, CTDP
      Stagprime2687219
      Stagprime2687219
      Legend
      May 22, 2020

      OK - but in the settings for Safari on the iPad there is an option to turn off the desktop request.

      I was wondering if that is what you meant -

      Do you want to override that setting with JavaScript so the user does not have to change it in settings?

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices