网页JS基础保护

director_mark

分享一个基础的保护H5项目的俩JS

1. (function() {
   
2.         'use strict';
   
3.         const PROTECT_SRC = './js/Protect.js';
   
4.         let coreInitialized = false;
   
5.         function isProtectReallyLoaded() {
   
6.                 const scripts = document.querySelectorAll('script[src]');
   
7.                 let scriptFound = false;
   
8.                 for (let s of scripts) {
   
9.                         const src = s.src || '';
   
10.                         if (src.includes('Protect.js') || src.endsWith('Protect.js')) {
    
11.                                 scriptFound = true;
    
12.                                 break;
    
13.                         }
    
14.                 }
    
15.                 const flagSet = window.__PROTECT_LOADED === true;
    
16.                 return scriptFound && flagSet;
    
17.         }
    
18.         function CoreFeatures() {
    
19.                 if (coreInitialized) return;
    
20.                 coreInitialized = true;
    
21. =========================
    
22. 你的JS
    
23. =========================
    
24. }
    
25.         function startAntiDebug() {
    
26.                 setInterval(() => {
    
27.                         const devtools = window.outerWidth - window.innerWidth > 200 ||
    
28.                         window.outerHeight - window.innerHeight > 200;
    
29.                         if (devtools) {
    
30.                                 console.clear();
    
31.                                 document.body.innerHTML = '<h1 style="color:red;text-align:center;padding:50px;">ERROR</h1>';
    
32.                         }
    
33.                 },
    
34.                         600);
    
35.         }
    
36.         function checkAndRun() {
    
37.                 if (coreInitialized) return;
    
38.                 let attempts = 0;
    
39.                 const maxAttempts = 20;
    
40. 
    
41.                 const checker = setInterval(() => {
    
42.                         attempts++;
    
43. 
    
44.                         if (isProtectReallyLoaded()) {
    
45.                                 clearInterval(checker);
    
46.                                 CoreFeatures();
    
47.                                 return;
    
48.                         }
    
49.                         if (attempts >= maxAttempts) {
    
50.                                 clearInterval(checker);
    
51.                                 console.warn('[ERROR] ERROR');
    
52.                                 const warnDiv = document.createElement('div');
    
53.                                 warnDiv.style.cssText = 'position:fixed;top:0;left:0;right:0;background:#d32f2f;color:#fff;padding:14px;text-align:center;z-index:99999;font-size:15px;';
    
54.                                 warnDiv.textContent = 'ERROR';
    
55.                                 document.body.prepend(warnDiv);
    
56.                         }
    
57.                 },
    
58.                         100);
    
59.         }
    
60.         if (document.readyState === 'loading') {
    
61.                 document.addEventListener('DOMContentLoaded', checkAndRun);
    
62.         } else {
    
63.                 checkAndRun();
    
64.         }
    
65.         window.__CORE_READY = true;
    
66. })();

复制代码

提供基础反F12，检查是否加载了指定JS（这里检查的是是否加载了同目录下Protect.js，如果没有检测加载了指定JS，则不会运行CoreFeatures函数内的JS，并在顶部添加一个红色的警告框内容为ERROR

1. document.addEventListener('DOMContentLoaded', function() {
   
2.         Object.defineProperty(document, 'designMode', {
   
3.                 value: 'off',
   
4.                 writable: false,
   
5.                 configurable: false
   
6.         });
   
7.         document.onkeydown = function(e) {
   
8.                 if (
   
9.                         e.key === 'F12' ||
   
10.                         (e.ctrlKey && e.shiftKey && e.key === 'I') ||
    
11.                         (e.ctrlKey && e.shiftKey && e.key === 'J') ||
    
12.                         (e.ctrlKey && e.key === 'u')
    
13.                 ) {
    
14.                         return false;
    
15.                 }
    
16.         };
    
17.         document.oncontextmenu = function(e) {
    
18.                 if (e.target.tagName !== 'INPUT' && e.target.tagName !== 'TEXTAREA') {
    
19.                         return false;
    
20.                 }
    
21.         };
    
22.         const observer = new MutationObserver(function(mutations) {
    
23.                 mutations.forEach(function(mutation) {
    
24.                         if (mutation.type === 'characterData') {
    
25.                                 mutation.target.textContent = mutation.oldValue;
    
26.                         }
    
27.                         if (mutation.type === 'childList') {
    
28.                                 mutation.removedNodes.forEach(node => {
    
29.                                         if (node.parentNode) {
    
30.                                                 node.parentNode.appendChild(node);
    
31.                                         }
    
32.                                 });
    
33.                         }
    
34.                 });
    
35.         });
    
36.         observer.observe(document.body, {
    
37.                 childList: true,
    
38.                 characterData: true,
    
39.                 characterDataOldValue: true,
    
40.                 subtree: true
    
41.         });
    
42.     window.__PROTECT_LOADED = true;
    
43. });

复制代码

提供基础反F12、反右键、反编辑、反开发者快捷键、防篡改监控
并告诉是上一个JS，他要求必须加载的那个JS已加载

---

以上两个都只能针对小白，仅提供基础防护功能

---

我的网站由InfinityFree提供托管
我的网站由Github Pages提供托管

---

例图（没有加载Protect.js，可以看到，顶部出现了一个红色警告框，并且预览器处于深色模式，但是网页没有正常处于深色模式）

GoldApple1939

感谢分享

努力的蜗牛

感谢分享

mlluo

感谢分享

蓝桉

卡bug了

director_mark

蓝桉 发表于 2026-4-9 07:51
卡bug了

这bug卡的，如果是真的就好了

chengdragon

感谢分享

xitong

大佬威武大佬厉害大佬666

蓝桉

director_mark 发表于 2026-4-9 11:53
这bug卡的，如果是真的就好了

哈哈哈哈

꧁莫♡名꧂

看看