How to show mouse pointer in responsive mode?

Question

I used to be able to uncheck a checkbox that said Emulate touch screen in the Emulation/Sensors-panel so that I could see a mouse pointer when using responsive mode. This panel is now gone, and the new sensors-panel doesn't have this setting.

This makes it impossible to use the responsive mode, as I have no pointer and no control where I touch/click (who designed this feature?!). How can I see a pointer/mouse when I use responsive mode in newer Chrome?

Matsemann · Answer 1 · 2019-03-05T08:08:54.477

227

Apparently, you're supposed to see a circle as your mouse when using responsive mode. I have never seen that, even using several different machines, so the feature seems broken.

Updated for v72:

Older

However, right after posting this question, I finally stumbled upon a solution. In version 50, the solution is now to press the three dots ⋮ to the right in responsive mode, and select Show device type. This gives you a new dropdown next to the sizes etc., in which Desktop or Mobile (no touch) can be selected to use a normal mouse pointer (disable touch emulation) while using responsive mode.

edited Mar 05 '19 at 08:08

answered Apr 19 '16 at 08:37

Matsemann

21,083
19
56
89

9

Thanks, still relevant in 2017, this bug was driving me nuts! – Steve Mar 02 '17 at 12:54
16

In my version of Chrome on macOS Sierra, it's labelled "add device type" – Timothy Zorn Jul 15 '17 at 02:45
@TimothyZorn Thank you! – jwanglof Aug 22 '17 at 17:29
watch out - there are two 'three dots' icons, one in the elements panel and the other (the one you want) in the main browser window. Especially if you have a really wide screen and you have devtools docked to the left it's easy to miss the second one! – Simon_Weaver Jul 15 '18 at 10:36
In my version of Chrome on Win 10 it is also called "Add device type" but when I click it I see a dropdown menu added with the word "mobile" - but the menu is greyed out and disabled. Turns out, I had first selected "iPhone 6/7/8". If I change that to "Responsive", then the menu becomes active. I do not understand why Google would make it so there is no way you can use your mouse pointer while emulating an iPhone. – youcantryreachingme Aug 08 '18 at 02:37
But, now in 2019, Chrome has removed this option too... any other ideas? – Codesmith Mar 01 '19 at 18:16
@Codesmith make sure you have selected `Responsive` and not an iPhone or something, then you can select desktop. – Matsemann Mar 02 '19 at 19:17
Sorry @Matsemann, I'm not sure what you mean. I'm using Chrome v72. I do not have "Show device type" in that menu in the picture next to '2', nor do I have "Desktop" available in the dropdown beside '3' (in fact, this dropdown seems to instead adjust simulated network connection quality), and I haven't switched it off of "Responsive." Any thoughts? – Codesmith Mar 03 '19 at 20:31
@Codesmith updated image for how it looks on v72 here – Matsemann Mar 05 '19 at 08:09
Omgosh, I see it now! Thanks a ton. I thought 'Add device type' was something completely different. +1 :) – Codesmith Mar 05 '19 at 14:15
Note that there is also an option in the device type dropdown for "Mobile (no touch)". Per [the docs](https://developer.chrome.com/docs/devtools/device-mode/#type), this keeps the rendering method as mobile, though I'm not sure what that really changes. – fenix.shadow Feb 03 '22 at 16:55
This doesn't fix anything, it just selects a different mode. There used to be a circle pointer when emulating touch mode, now it's gone. Using non-touch mode is a kind of a workaround, but not a solution. – Kalko Feb 18 '22 at 13:54

DieuNQ · Answer 2 · 2017-04-14T01:49:42.663

55

Go to: Control Panel > Intel Graphics Settings > Display > General Settings. Then change Quantization Range to Full Range. Solution from here.

Thank @Funktr0n.

edited Apr 14 '17 at 01:49

answered Apr 13 '17 at 09:11

DieuNQ

975
1
7
11

12

This fixed my problem, but why? – Warren Aug 02 '17 at 02:54
The screenshot was really helpful. Appreciate it. – Sunil Johnson Jan 03 '18 at 19:58
Worked! Thank you so much! – Dave Sottimano Feb 22 '18 at 08:59
1

I use my laptop at home and the cursor appears just fine, but when I plug it into a different monitor at work the cursor disappears. This answer fixed the problem! I assume this is a strange monitor issue. – Reactgular Mar 15 '18 at 17:22
2

keeps getting this every time i replug in the monitor :/ after applying settings again it works again (althoug it still seems to be onfull range before) – Joel Harkes Apr 05 '18 at 11:28
I connected 2 monitors to my laptop. this problem occured on one monitor (brand: AOC) , other one is ok. – Nuryagdy Mustapayev Jun 22 '18 at 13:08
I've got 2 identical monitors, 1 (VGA) showed the cursor and the other (HDMI) didn't! This solved it for me! Thanks – Liam Wheldon Nov 29 '18 at 16:59
Thanks a lot, it fixed my problem as well. And my colors look much nicer now. But what does this setting have to do with a touch cursor? Just asking to understand what the hell I just did... – Kalko Feb 18 '22 at 13:57

score 31 · Answer 3 · answered Apr 11 '19 at 15:12

31

In Chrome Version 73.0.3683.103 and macOS Mojave you have to toggle add device type button in the menu of browser window in dev mode to see the device type dropdown:

And the select typo of device you need:

answered Apr 11 '19 at 15:12

Andrii Starusiev

7,564
2
28
37

2

This works for me on Mac with latest Chrome (v99 as of March 2022) – Drenai Mar 25 '22 at 14:48
1

Thank-you, still relevant in v109.x (Feb 2023) – JodyAndrews Feb 04 '23 at 15:02

score 10 · Answer 4 · answered Aug 26 '16 at 15:02

10

The answer is pretty straightforward. Chrome gives you an option to create a custom device. Follow these steps: 1. Open dev tools 2. Press F1 to get into settings 3. go to devices 4. Add a custom device there.

The IMPORTANT THING: When you create a custom device, choose the option "Mobile (No Touch)". That's it, cursor would be visible when you select this device for emulation.

answered Aug 26 '16 at 15:02

Ankit Mundada

407
4
15

Note that you have to close and reopen the tab. – Alexandre Daubricourt Sep 20 '19 at 11:07

score 8 · Answer 5 · answered Jun 22 '17 at 06:25

This should also help.

Open the mouse control panel.
Select the Pointer Options tab in the Mouse Properties window.
Then enable Display pointer trails option.
In case you don't like or are getting annoyed, like me, due to the trailer. Move the slider to the Short position and the trailer becomes very short.

Alexandre Daubricourt · Answer 6 · 2022-07-05T21:00:27.913

7

Press Ctrl + Shift + C while the mouse is over the page in order to turn "Select an element in the page to inspect it" mode on then turn it back off using the icon and not the shortcut. Your cursor is now visible :)

Another way is to disable touch simulation by selecting no touch in "Emulated Devices" (in devtools settings):

Note that you may have to close and reopen the tab.

edited Jul 05 '22 at 21:00

answered Jan 06 '20 at 15:07

Alexandre Daubricourt

3,323
1
34
33

1

The second part of this answer seems to be ok, but I want to retain the width-sliders and not have a fixed size device. Thanks anyways. :) – codepleb Oct 27 '21 at 13:14

Dave Sottimano · Answer 7 · 2017-04-17T12:13:49.690

4

Warning: this is only a quick hack, not a fix

If you right click over the emulated device picture you'll be able to keep the pointer visible so you'll at least see where you're clicking.

Hopefully this will get resolved soon.

edited Apr 17 '17 at 12:13

answered Apr 11 '17 at 10:27

Dave Sottimano

1,324
2
10
15

1

I love the "hackiness" of this solution! – Gásten Jul 11 '18 at 12:22

score 3 · Answer 8 · answered Aug 04 '16 at 14:34

3

It appears the non-existent touch cursor in Device Mode is an actual issue, and it's being tracked here

answered Aug 04 '16 at 14:34

Funktr0n

1,711
2
16
23

2

Changing the Quantization Range in my Intel HD Graphics Control Panel fixed this problem for me. Thanks @Funktr0n : https://bugs.chromium.org/p/chromium/issues/detail?id=633832#c9 – dbasch Sep 16 '16 at 09:49

MiKE · Answer 9 · 2018-02-12T10:12:02.497

2

What solved my issue was setting the refresh rate of my monitor to 60Hz progressive! I don't know how it got set on 59Hz interlaced.

Added: What ACTUALLY solved my problem was swaping the connection from HDMI to DisplayPort! I dont know weather it was the cable problem or the port. Finally the cursor is there and working!

edited Feb 12 '18 at 10:12

answered Jan 23 '18 at 09:44

MiKE

524
6
12

Tej Pratap · Answer 10 · 2017-12-30T21:44:47.900

0

This is a Display Drive Issue, For a simple solution press and hold SHIFT key and a cursor will be visible on device.

BUT do click on link only WITHOUT holding SHIFT [else it will open that link in new window]

edited Dec 30 '17 at 21:44

answered Dec 30 '17 at 21:31

Tej Pratap

144
1
10

How to show mouse pointer in responsive mode?

10 Answers10

Linked