How can I inspect element in chrome when right click is disabled?

Question

I want to debug a info box that shows when I mouse over a google map marker. But google map disables right click anywhere on the map canvas, so I can't inspect the element for debugging / viewing purposes.

I tried to search for the element by the href content in the elements tab, but it didn't show up on search.

Is there a way to inspect element despite the lack of right click?

I don't think browsers should let pages block right click. It doesn't achieve anything but frustrating users. We deserve better. — Colonel Panic, Jul 01 '15 at 10:45
The question was not asking what everybody thinks about this, sorry — Dmitri, Jan 26 '16 at 14:31

score 130 · Accepted Answer · edited Feb 06 '16 at 23:27

130

Sure, you can open the devtools with Ctrl+Shift+I, and then click the inspect element button (square with the arrow)

edited Feb 06 '16 at 23:27

David Ferenczy Rogožan

23,966
9
79
68

answered Sep 30 '11 at 00:29

Boris Smus

8,220
2
36
33

2

That's it! I didn't know about this function. Thanks. – Clark Sep 30 '11 at 02:39
12

In case you can't open dev tools with `Ctrl` + `Shift` + `I`, you may open it by clicking on __Developer Tools__ sub-menu from __More Tools__ in Google Chrome menu. – Ehsan88 May 08 '15 at 07:06

score 12 · Answer 2 · edited Jul 05 '13 at 10:45

12

On Mac OS you have to press: CMD+ALT+I

edited Jul 05 '13 at 10:45

BuZZ-dEE

6,075
12
66
96

answered Mar 17 '13 at 14:17

Stefano Caravana

482
4
12

7

I prefer `CMD`+`SHIFT`+`c`. – Tyler Collier Jun 04 '14 at 22:42
I use `CMD`+`ALT`+`J` :) – MMachinegun Dec 08 '15 at 12:47

score 9 · Answer 3 · answered Feb 05 '16 at 03:36

9

Use Ctrl+Shift+C (or Cmd+Shift+C on Mac) to open the DevTools in Inspect Element mode, or toggle Inspect Element mode if the DevTools are already open.

answered Feb 05 '16 at 03:36

hafizi

91
1
3

score 5 · Answer 4 · answered Mar 28 '15 at 18:01

5

So use the short cut keys , Press ctrl + shift + I and then Click on Magnifying Option on Left side and Then Hover the mouse cursor and you will be navigate to proper way

answered Mar 28 '15 at 18:01

Nikhil Kotak

307
1
4
5

Shivani · Answer 5 · 2014-05-22T08:28:24.133

3

Press F12 to Inspect Element and Ctrl+U to View Page Source

edited May 22 '14 at 08:28

answered May 22 '14 at 08:12

Shivani

31
2

score 3 · Answer 6 · answered Sep 30 '11 at 00:28

3

CTRL+SHIFT+I brings up the developers tools.

answered Sep 30 '11 at 00:28

Daniel A. White

187,200
47
362
445

but they can block it to.. the @ehsan88 commant rock =) or [that](https://stackoverflow.com/a/20661324/1509853) one – oCcSking Jun 19 '17 at 21:36

score 1 · Answer 7 · answered Dec 24 '18 at 00:10

1

ALTERNATE WAY:

Click Developer Tools to inspect element. You may also use keyboard shortcuts, such as CtrlL+Shift+I, F12 (or Fn+F12), etc.

answered Dec 24 '18 at 00:10

Bob

146
9

score 0 · Answer 8 · answered Oct 27 '20 at 06:22

0

On Mac OS press: CMD+OPTION+J for console

answered Oct 27 '20 at 06:22

Gaurav

857
3
21
29

How can I inspect element in chrome when right click is disabled?

8 Answers8

Linked