aspdotnet-suresh offers articles and tutorials,csharp dot net, articles and tutorials,VB.NET Articles,Gridview articles,code examples of 2.0 /3.5,AJAX,SQL Server Articles,examples of .net technologies

jQuery Disable F12 Key, Console Log in Browser in JavaScript Example

Apr 17, 2016

By clicking F12 in the browser we can open the Console log and development tool of a web site running in the browser. As a developer while you are developing its OK for you, but when others are trying to see your application code and do some operations definitely we don't want to disclose this. So what is the solution? we can easily prevent this using some simple JavaScript  and jQuery scripts. Let’s see how.


To stop this we can do two things. One, while users are opening the console log he or she will be prompted with some message or user will not be accessing the F12 key with mouse right click options. We will discuss both the ways one by one.

Prompt with a Message:

Add a new HTML page and take a div or label to show the message for now, later you can do whatever you want with that message. And now within a script tag write down the JavaScript Code.

<html xmlns="">
<title>Console Log Status</title>
<div id="status"></div>
var checkStatus;

var element = new Image();
element.__defineGetter__('id'function () {
checkStatus = 'on';

setInterval(function () {
checkStatus = 'off';
document.querySelector('#status').innerHTML = checkStatus;
}, 1000)


Following is the output of disabling console window or prevent f12 in browser

Disable Console Log and F12 keys using javascript, jquery scripts
So as output we can see status is Off while the developer option is close and it’s On while the tray is open.

Prevent the F12 key and Right mouse button click:

To prevent the user directly accessing the console log we can use this trick. User will not simply allow to use the F12 key and right mouse button for opening options. We will use the key code of the specified keys (F12 and Right mouse button). Let’s do it.

Before you start, let's keep this in mind that the key code of F12 is 123. So, add a new HTML page and add following jquery script tag in your application.

<script src=""></script>

Now in the script tag write down the following code.

$(document).keydown(function (event) {
if (event.keyCode == 123) {
return false;
else if (event.ctrlKey && event.shiftKey && event.keyCode == 73) {
return false;

$(document).on("contextmenu"function (e) {

After finishing run the page in browser and you will discover that the right click mouse button and the F12 key is not working. So no user can open the console log and its crossed another level of security.

If you enjoyed this post, please support the blog below. It's FREE!

Get the latest,, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email.

subscribe by rss Subscribe by RSS subscribe by email Subscribe by Email


sarath said...

Very useful post..

Anonymous said...

thank u very much..

Anonymous said...

what if user enables it through browser menu?

ranadheerrannu said...

else if (event.ctrlKey && event.shiftKey && event.keyCode == 73) {
return false;

I think this part handles that. shortcut to open developers tool is ctrl+shift+I. so he is disabling it for those keys also.

Anonymous said...

just press Ctrl + SHIFT + J

Anonymous said...

what if user enables it through browser menu?

How can i prevent developer tools like firebug, etc...

I think, browser default behavior we can't change. We can handle it through keyboard events only.

Give your Valuable Comments

Other Related Posts

© 2015 All Rights Reserved.
The content is copyrighted to Suresh Dasari and may not be reproduced on other websites without permission from the owner.