164
Views
4
Comments
Solved
PreviewInDevices not working when start the Debugger
Question

Hi all

I would like to ask about the PreviewInDevices problem. The PreviewInDevices is work fine but it cannot start when I start on the debugger.

Please advise how I can start the PreviewInDevices in debugger. It is because I cannot do "Swipe" finger action on debug mode without PreviewInDevices. There is no swipe action on Google Chrome....

Please advise, thanks

2024-07-05 14-16-55
Daniël Kuhlmann
 
MVP
Solution

Hi,

Try this then, there are two methods in the Chrome devtools:

  1. Press Escape to show the drawer at the bottom. Choose menu > Sensors. At the bottom, set Touch = Force enabled.

  2. Turn on Device Toolbar (second button at the top). Choose menu > Add device type. Set it to either "Mobile" or "Desktop (touch)".

Both of these should enable touch events.

Regards,

Daniel

UserImage.jpg
Jimmy Chan

Daniël Kuhlmann wrote:

Hi,

Try this then, there are two methods in the Chrome devtools:

  1. Press Escape to show the drawer at the bottom. Choose menu > Sensors. At the bottom, set Touch = Force enabled.

  2. Turn on Device Toolbar (second button at the top). Choose menu > Add device type. Set it to either "Mobile" or "Desktop (touch)".

Both of these should enable touch events.

Regards,

Daniel


Method 2 is work for me, thanks

2024-07-05 14-16-55
Daniël Kuhlmann
 
MVP

Hi Jimmy,

You can enable (force) touch events in Chrome:

https://www.frontify.com/en/blog/how-to-emulate-touch-events-in-chrome/

Regards,

Daniel

UserImage.jpg
Jimmy Chan

Daniël Kuhlmann wrote:

Hi Jimmy,

You can enable (force) touch events in Chrome:

https://www.frontify.com/en/blog/how-to-emulate-touch-events-in-chrome/

Regards,

Daniel

Thank you for your reply. However I checked the setting, there is no "Overrides tab" in my Google Chrome Setting...


2024-07-05 14-16-55
Daniël Kuhlmann
 
MVP
Solution

Hi,

Try this then, there are two methods in the Chrome devtools:

  1. Press Escape to show the drawer at the bottom. Choose menu > Sensors. At the bottom, set Touch = Force enabled.

  2. Turn on Device Toolbar (second button at the top). Choose menu > Add device type. Set it to either "Mobile" or "Desktop (touch)".

Both of these should enable touch events.

Regards,

Daniel

UserImage.jpg
Jimmy Chan

Daniël Kuhlmann wrote:

Hi,

Try this then, there are two methods in the Chrome devtools:

  1. Press Escape to show the drawer at the bottom. Choose menu > Sensors. At the bottom, set Touch = Force enabled.

  2. Turn on Device Toolbar (second button at the top). Choose menu > Add device type. Set it to either "Mobile" or "Desktop (touch)".

Both of these should enable touch events.

Regards,

Daniel


Method 2 is work for me, thanks

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.