How to re-enable right click so that I can inspect HTML elements in Chrome?

Question

I am looking at a web page which has overwritten the right-click button so to display its own popup HTML element.

This prevents me from using Chrome Developer Tools to

Answer 1

The easiest way I found is to open the webpage in Read mode (browser that supports read mode like Safari, Firefox etc) and then copy as usual

Answer 2

Easiest thing to do is open the dev tools by pressing Cmd + Opt + I (Mac) or F12 (PC). You can then use the search (magnifying glass, top left on the dev tools toolbar) to select the element.

Answer 3

Hi i have a shorter version. this does same as a best answer. (it works on chrome 74.03)

document.querySelectorAll('*').forEach(e => e.oncontextmenu = null)

Answer 4

Tested in Chrome 60.0.3112.78.

Some of the above methods work, but the easiest in my opinion is:

1. Open dev tools (Shift+Control+i).

2. Select the "Elements" tab, and then the "Event Listeners" tab.

3. Hover over the elements/listener. A "Remove" button will show up.

4. Click "Remove".

E.g. see photo.

Answer 5

You could use javascript:void(document.oncontextmenu=null); open Browser console and run the code above. It will turn off blockin' of mouse right button

Answer 6

you can use following code for re-enable mouse right click.

document.oncontextmenu = function(){}

and you can use shortcut key (Ctrl+Shift+i) to open inspect elements in chrome in windows OS.