Fail to detect iPad ios 13+ #20

Activity

1. dotneet commented on Oct 5, 2019

   

   dotneet

   on Oct 5, 2019

   Last edited by dotneet

   Collaborator

   More actions

   Hi, @byjoohyunpark

   With latest iPad, Desktop Mode is enabled by default.
   So I think that that is expected result.
2. jooohyunpark commented on Oct 11, 2019

   

   jooohyunpark

   on Oct 11, 2019

   Author

   More actions

   Hey @dotneet, thanks for the reply. Safari in IPad IOS 13+ now forces desktop mode as a default. This issue is solved by disabling it. But I guess eventually we will need some extra layer to deal with this setup.

   👍React with 👍2Reacted by ellen and granitibrahimi

   😕React with 😕1Reacted by Alex Bleasdale
3. ruchitabavishi commented on Nov 7, 2019

   

   ruchitabavishi

   on Nov 7, 2019

   More actions

   I am having the same issue, can you please let me know how did you disable the force desktop mode.
4. sunilrana123 commented on Nov 8, 2019

   

   sunilrana123

   on Nov 8, 2019

   More actions

   You can create one plugin like below as a temporary solution: This way you can set the device to tablet in case of ipad

   export default (context, inject) => {
   if(context.store.state.userAgent.includes('iPad')) {
   inject('device', { isTablet: true });
   }
   };

   👍React with 👍4Reacted by Shinji Yamada, Matei Nenciu, Yves Mongo and ChenZhenyi-SF
5. 777genius commented on Dec 25, 2019

   

   777genius

   on Dec 25, 2019

   Contributor

   More actions

   @sunilrana123 your code will overwrite all $device property, so there will be only isTablet: true. You need to pass the remaining properties to save them:

   export default function (ctx, inject) {
     const customIsTabet = ctx.isTablet || ctx.store.state.userAgent.includes('iPad')
   
     inject('device', {
       isTablet: customIsTabet,
       isMobile: ctx.isMobile,
       isMobileOrTablet: ctx.isMobileOrTablet,
       isDesktop: !ctx.isMobileOrTablet,
       isIos: ctx.isIos,
       isWindows: ctx.isWindows,
       isMacOS: ctx.isMacOS,
       isDesktopOrTablet: !ctx.isMobile,
       isAndroid: ctx.isMobileOrTablet && !ctx.isIos
     })
   }

   Hope this helps.

   👍React with 👍1Reacted by ChenZhenyi-SF

   🎉React with 🎉1Reacted by Dmitriy Brolnickij
6. atinux commented on Jan 27, 2021

   

   atinux

   on Jan 27, 2021

   More actions

   You can now overwrites any flags or add new ones by creating a Nuxt plugin with the v2 of this module.

   See https://github.com/nuxt-community/device-module#add-a-custom-flag
7. iBobik commented on Nov 7, 2021

   

   iBobik

   on Nov 7, 2021

   More actions

   iPad even in desktop mode could be detected by a touch events, because no macOS has touch screen.
8. krkaa commented on Nov 11, 2021

   

   krkaa

   on Nov 11, 2021

   More actions

   iPad useragent = "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0 Safari/605.1.15". How to detect is tablet for iPad?

   👍React with 👍1Reacted by RomanSkrypnik