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

8

85

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?

Rattletrap answered 30/9, 2011 at 0:26 Comment(3)
I don't think browsers should let pages block right click. It doesn't achieve anything but frustrating users. We deserve better.Johnathan
The question was not asking what everybody thinks about this, sorryMerous
the problem no elements in consoleBradleigh
M
132

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

Macaroon answered 30/9, 2011 at 0:29 Comment(2)
That's it! I didn't know about this function. Thanks.Rattletrap
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.Bigot
U
12

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

Unpaidfor answered 17/3, 2013 at 14:17 Comment(2)
I prefer CMD+SHIFT+c.Heliotaxis
I use CMD+ALT+J :)Chausses
V
10

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.

Vestpocket answered 5/2, 2016 at 3:36 Comment(0)
L
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

Lizbeth answered 28/3, 2015 at 18:1 Comment(0)
C
4

CTRL+SHIFT+I brings up the developers tools.

Crelin answered 30/9, 2011 at 0:28 Comment(1)
but they can block it to.. the @ehsan88 commant rock =) or that oneMcadoo
G
3

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

Garlic answered 22/5, 2014 at 8:12 Comment(0)
B
2

ALTERNATE WAY:
enter image description here


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

Barometrograph answered 24/12, 2018 at 0:10 Comment(0)
C
0

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

Calyces answered 27/10, 2020 at 6:22 Comment(0)

© 2022 - 2024 — McMap. All rights reserved.