How To Disable ‘Inspect Element’ And ‘View Page Source’ Option On Website

How To Disable 'Inspect Element' And 'View Page Source' Option On Website

confidential functions to secure your website or prevent others from duplication your website. disable the right click and all shortcuts of inspecting

You may want to prevent others from inspecting your website, view source codes, or confidential functions to secure your website or prevent others from duplication your website. And it matters a lot when you spend a lot of time and hard work.
So, in this article, we won’t disable the right click but also all those shortcuts that allow a person to inspect your website.
Disclaimer: Inspect element will only be disabled on those pages/posts where the codes are present. That’s why we recommend you to implement the codes inside your header or somewhere that appears on all pages/posts. Try to avoid using the codes inside your Footer because codes in footers will load after all other contents are loaded, and until the load of the codes, the inspect element won’t be disabled.
So, let’s jump inside!

Step 1 – Disabling Mouse Right Click On Website

To disable mouse right-click, add these codes in your site inside the ‘<script></script>‘ tag:

document.addEventListener('contextmenu', function(e){
e.preventDefault();
});

Additionally, you can show an alert when your visitors click the mouse right button. To do so, you can use this instead of that code(the same code but alert code inside it):

document.addEventListener('contextmenu', function(e){
alert("Sorry, right click is disabled to prevent leakage of confidential functions");
e.preventDefault();
});

Now follow the next step.

Step 2 – Disabling Shortcut key combination that allows inspecting elements

There are few shortcuts available to use the ‘inspect element‘ or ‘view page-source‘ option. Such As:

  • Ctrl+Shift+I” for ‘Inspect Element
  • Ctrl+Shift+J” for ‘Inspect Element‘ Console panel
  • Ctrl+Shift+C” for ‘Inspect Element‘ Elements panel
  • Ctrl+S” for Saving Website as HTML file
  • Ctrl+U” for ‘View Source Code

So, now we will disable these shortcut keys. To do so, add these codes after the codes of step 2 (but before the end script tag ‘</script>‘):

document.onkeydown = function(e) {
  if(event.keyCode == 123) {
     return false;
  }
  if(e.ctrlKey && e.shiftKey && e.keyCode == 'I'.charCodeAt(0)) {
     return false;
  }
  if(e.ctrlKey && e.shiftKey && e.keyCode == 'C'.charCodeAt(0)) {
     return false;
  }
  if(e.ctrlKey && e.shiftKey && e.keyCode == 'J'.charCodeAt(0)) {
     return false;
  }
  if(e.ctrlKey && e.keyCode == 'U'.charCodeAt(0)) {
     return false;
  }
    if(e.ctrlKey && e.keyCode == 'S'.charCodeAt(0)) {
     return false;
  }
}

Congratulations!

You have disabled the ‘Inspect Element’ And ‘View Page Source’ Option from your website.
Thanks For Allowing Us To Help You 🙂
If you are confused or want to know something, then let us know in the comment box, we will reach you as soon as possible. Don’t Forget To Subscribe our Newsletter, YouTube Channel, and Like Our Facebook Page To Keep Updated With Awesome Things. Follow us on Twitter to stay updated with the latest news & changes.

3 Comments

  1. ��Thanks. ��Now it's proffesional

  2. Disabling keyboard shortcut combinations didn't work.

  3. You will need to use it in right way, please follow the steps carefully. If you think you are still getting problems, try uploading a screenshot of how you implemented the codes and comment the screenshot link 🙂 we will try to reach you as soon as possible. Thanks

Leave a Reply

Your email address will not be published. Required fields are marked *

Ads Blocker Image Powered by Code Help Pro
Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

 

Ads are the only way for us to keep this site up and running. We don\'t show any malicious or annoying ads.

 

So, help us by disabling your adblocker on our site :(

Refresh