DEV Community

Cover image for Ways to inspect elements on websites that Disabled inspect DevTool
Tahzib Mahmud Rifat
Tahzib Mahmud Rifat

Posted on

Ways to inspect elements on websites that Disabled inspect DevTool

Even if a website tries to disable DevTools, we can still access them using the browser's menu. Here are the ways to do it:

Chrome:

  1. Click on the three vertical dots (⋮) in the top right corner of the browser window.

  2. Select More tools > Developer tools.

  3. Alternatively, you can press Alt + D and then press Enter to focus on the address bar, and then press F12.


Firefox:

  1. Click on the three horizontal lines (≡) in the top right corner of the browser window.

  2. Select Web Developer > Toggle Tools.

  3. Alternatively, you can press Ctrl + Shift + E (Windows/Linux) or Cmd + Opt + E (Mac).


Edge:

  1. Click on the three horizontal dots (…) in the top right corner of the browser window.
  2. Select More tools > Developer tools.

  3. Alternatively, you can press F12.


Safari:

  1. Click on Safari in the top menu bar.

  2. Select Preferences > Advanced.

  3. Check the box next to Show Develop menu in menu bar.

  4. Then, click on Develop in the top menu bar and select Show Web Inspector.

  5. Alternatively, you can press Cmd + Opt + I.
    By using these methods, you can bypass any attempts to disable DevTools and still access them.


Brave Browser :

  1. Menu: Click on the three horizontal lines (≡) in the top right corner of the browser window.

  2. Select More tools > Developer tools.
    Keyboard shortcut: Press Ctrl + Shift + I (Windows/Linux) or Cmd + Opt + I (Mac).

  3. Address bar: Press Alt + D and then press Enter to focus on the address bar, and then press F12.

These methods should allow you to access DevTools in Brave Browser, even if a website tries to disable them.

Note: Brave Browser is based on Chromium, so the keyboard shortcuts and menu options are similar to those in Google Chrome.

Top comments (0)