Gathering detailed insights and metrics for developer-tools-detector
Gathering detailed insights and metrics for developer-tools-detector
Easily detect and block developer tools on any web server.
Installations
npm install developer-tools-detectorDeveloper Guide
BETA
Typescript
No
Module System
CommonJS
Node Version
20.17.0
NPM Version
9.2.0
Score
69.8
Supply Chain
99.3
Quality
76.1
Maintenance
100
Vulnerability
100
License
Releases
Unable to fetch releases
Languages
1
TypeScript
TypeScript (100%)
Developer
lazyfenix
Download Statistics
Total Downloads
166
Last Day
1
Last Week
3
Last Month
25
Last Year
166
GitHub Statistics
1 Stars
2 Commits
1 Watchers
1 Branches
1 Contributors
Updated on Oct 25, 2024
Bundle Size
3.00 kB
Minified
931.00 B
Minified + Gzipped
Maintainers
1
Package Meta Information
Latest Version
1.0.0
Package Id
developer-tools-detector@1.0.0
Unpacked Size
13.72 kB
Size
3.67 kB
File Count
7
NPM Version
9.2.0
Node Version
20.17.0
Published on
Oct 25, 2024
Total Downloads
Cumulative downloads
Total Downloads
166
Last Day
0%
1
Compared to previous day
Last Week
-25%
3
Compared to previous week
Last Month
0%
25
Compared to previous month
Last Year
0%
166
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dev Dependencies
1
Easily detect and block developer tools on any web server.
Getting Started
Installation
Using NPM:
npm install developer-tools-detector
Using YARN:
yarn add developer-tools-detector
Usage
Detecting options
-
consoleLog:true or false -
checkDuration:"Always" or Number in miliseconds -
blockIfDetected:true or false -
allowedPaths:list of paths
Legends
-
consoleLog- This option will log detection if enabled. -
checkDuration- Set if you want to check for devtools always or only if first X ms time of user access on website. -
blockIfDetected- Do you want to block (about:blank) user that will open devtools? -
allowedPaths- What paths you want to have developer-tools-detection enabled on?
Import and usage example
You can use DTD (developer-tools-detector) on any web server. For example this is usage of DTD in express web server.
1const express = require('express'); 2const { DevToolsDetector } = require('developer-tools-detector'); 3 4const app = express(); 5const port = 3000; 6 7const allowedPaths = ['/protected']; 8 9const detector = new DevToolsDetector(allowedPaths, { 10 consoleLog: true, 11 checkDuration: "always", 12 blockIfDetected: false, 13}); 14 15app.post('/log-devtools-detected', (req, res) => { 16 console.log("Developer tools detected on the client!"); 17 res.sendStatus(200); 18}); 19 20app.get('/protected', (req, res) => { 21 if (detector.isPathAllowed(req.path)) { 22 const detectionScript = detector.getDetectionScript(); 23 24 res.send(` 25 <html> 26 <head> 27 <title>Protected Route</title> 28 ${detectionScript} <!-- Injects the DevTools detection script --> 29 </head> 30 <body> 31 <h1>This is a protected route!</h1> 32 <p>Your protected content goes here...</p> 33 </body> 34 </html> 35 `); 36 } else { 37 res.status(403).send("Access Denied"); 38 } 39}); 40 41app.get('/', (req, res) => { 42 res.send('Hello World!'); 43}); 44 45app.listen(port, () => { 46 console.log(`Server is running at http://localhost:${port}`); 47});
Output example
Server is running at http://localhost:3000
Developer tools detected on the client!
Do you have any issues?
If you have any issues don't hesitate to report it via GitHub Issues.
This package was made by @lazyfenix.
No vulnerabilities found.
No security vulnerabilities found.