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?

Answer 1

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

Answer 2

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

Answer 3

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.

Answer 4

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

Answer 5

CTRL+SHIFT+I brings up the developers tools.

Answer 6

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

Answer 7

ALTERNATE WAY:

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

Answer 8

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