How can I inspect element in chrome when right click is disabled?
DebuggingGoogle ChromeGoogle Chrome-DevtoolsJavascript DebuggerDebugging Problem Overview
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?
Debugging Solutions
Solution 1 - Debugging
Sure, you can open the devtools with Ctrl+Shift+I, and then click the inspect element button (square with the arrow)
Solution 2 - Debugging
On Mac OS you have to press: CMD+ALT+I
Solution 3 - Debugging
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.
Solution 4 - Debugging
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
Solution 5 - Debugging
CTRL+SHIFT+I brings up the developers tools.
Solution 6 - Debugging
Press F12 to Inspect Element and Ctrl+U to View Page Source
Solution 7 - Debugging
Click Developer Tools to inspect element. You may also use keyboard shortcuts, such as CtrlL+Shift+I, F12 (or Fn+F12), etc.
Solution 8 - Debugging
On Mac OS press: CMD
+OPTION
+J
for console