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