DEV Community

Arash
Arash

Posted on • Edited on • Originally published at ghalbeyou.github.io

2 1 1 1 1

Introducing F**kDevTools.js: Secure Your Web Applications

Why We Created F**kDevTools.js

In the world of web development, security is paramount. We created F**kDevTools.js to address a common vulnerability: the exposure of sensitive information through browser developer tools. By disabling these tools, we aim to enhance the security of web applications and protect against potential attacks and data breaches.

How It Helps Developers

F**kDevTools.js provides a straightforward solution for developers to prevent unauthorized access to their site's backend through browser developer tools. By disabling right-click, F12, and Ctrl+Shift+I shortcuts, this script minimizes the risk of users inspecting or tampering with the site's code. This added layer of security is especially beneficial for applications dealing with sensitive data.

Installation

Integrating F**kDevTools.js into your project is simple. Follow these steps:

  1. Include the Script: Add the following script to your HTML file:
   <script src="path/to/FuckDevTools.js"></script>
Enter fullscreen mode Exit fullscreen mode
  1. Configuration: Customize the configuration options as needed:
   var disable_right_click = true;
   var disable_f12 = true;
   var disable_csi = true;
   document.onkeydown = function(event) {
       if (disable_f12) {
           if (event.keyCode == 123) {
               event.preventDefault();
           }
       }
       if (disable_csi) {
           if (event.ctrlKey && event.shiftKey && event.keyCode == 73) {
               event.preventDefault();
           }
       }
   }
   if (disable_right_click) {
       document.oncontextmenu = function() {
           event.preventDefault();
       }
   }
Enter fullscreen mode Exit fullscreen mode

Collaboration: Help Us Improve

We believe in the power of community and collaboration. We're calling on developers to contribute to making F**kDevTools.js even better. Whether it's optimizing the script, adding new features, or improving documentation, your contributions are invaluable.

Visit our GitHub repository to get involved. Together, we can create a more secure web for everyone.


By @ghalbeyou on GitHub
https://github.com/GhalbeYou

AWS Q Developer image

Your AI Code Assistant

Automate your code reviews. Catch bugs before your coworkers. Fix security issues in your code. Built to handle large projects, Amazon Q Developer works alongside you from idea to production code.

Get started free in your IDE

Top comments (0)

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay