About | Features | Starting | License | DE127
NoPeek is a tool designed to safeguard all content on your website from being copied. The straightforward JavaScript code completely prevents all existing content copying methods, including right-click menus, hotkeys, developer tools, text selection and dragging, and more.
✔️ Full text and image protection; ✔️ All major browsers supported Chrome, Firefox, Safari, Edge, Opera; ✔️ Works both for the entire Website and for Single Pages; ✔️ 100% SEO Friendly; ✔️ Native Valid JavaScript, without jQuery; ✔️ Works well on Windows, Linux, and macOS; ✔️ Lightweight and Fast; ✔️ Compatible with all Modern Browsers; ✔️ Easy to use and customize; ✔️ Awesome for Mobile and Tablets; ✔️ Huge Customization Capabilities;
# Clone this project
$ git clone https://github.com/de127/nopeek-
Download NoPeek: Download NoPeek from the Github repository.
-
Include NoPeek Files: Copy NoPeek's JS files into your project directory.
<script type="text/javascript" src="/path/to/hotkeys.min.js"></script> <script type="text/javascript" src="/path/to/devtools-detect.js"></script> <script type="text/javascript" src="/path/to/NoPeek.js"></script>
-
Enable NoPeek: Insert the following code into your website to start using NoPeek.
<script> var mdpNoPeek = { "selectAll": "on", "copy": "on", "cut": "on", "paste": "on", "save": "on", "viewSource": "on", "printPage": "on", "developerTool": "on", "windowBlur": "on", "tabHidden": "on", "readerMode": "on", "rightClick": "on", "rightClickImage": "on", "textSelection": "on", "imageDragging": "on" }; </script>
You can customize NoPeek's settings by modifying the mdpNoPeek variable in the JavaScript code. Here are some available settings:
"selectAll": "on": Enable selecting all content on the page."copy": "on": Allow copying content."cut": "on": Allow cutting content."paste": "on": Allow pasting content."save": "on": Allow saving the webpage."viewSource": "on": Allow viewing the webpage source code."printPage": "on": Allow printing the webpage.- and many more settings.
Below is an example of how to use NoPeek in a webpage:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your Website Title</title>
<script type="text/javascript" src="/path/to/hotkeys.min.js"></script>
<script type="text/javascript" src="/path/to/devtools-detect.js"></script>
<script type="text/javascript" src="/path/to/NoPeek.js"></script>
<script>
var mdpNoPeek = {
"selectAll": "on",
"copy": "on",
"cut": "on",
"paste": "on",
"save": "on",
"viewSource": "on",
"printPage": "on",
"developerTool": "on",
"windowBlur": "on",
"tabHidden": "on",
"readerMode": "on",
"rightClick": "on",
"rightClickImage": "on",
"textSelection": "on",
"imageDragging": "on"
};
</script>
</head>
<body>
<!-- Your website content goes here -->
</body>
</html>You have successfully integrated and configured NoPeek for your website. Now, the content on your website will be protected from unauthorized copying or grabbing.
This project is under license from MIT. For more details, see the LICENSE file.
Made with ❤️ by DE127