Html网页代码预览器

<!DOCTYPE html>
<html>
<head>
    <title>示例页面</title>
    <style>
        body { font-family: sans-serif; text-align: center; margin-top: 50px; background-color: #f0f8ff; }
        h1 { color: #4a4a4a; }
        p { color: #6a6a6a; }
        .button {
            background-color: #ff6347;
            color: white;
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 16px;
        }
    </style>
</head>
<body>
    <h1>欢迎!</h1>
    <p>这是一个实时预览的示例。</p>
    <button class="button" onclick="alert('按钮被点击了!')">点我</button>

// 禁止选择文本
document.addEventListener('selectstart', function(e) {
    e.preventDefault();
    return false;
});

// 禁止拖拽
document.addEventListener('dragstart', function(e) {
    e.preventDefault();
    return false;
});

// 禁止各种快捷键
document.addEventListener('keydown', function(e) {
    // 禁止F12开发者工具
    if (e.keyCode === 123) {
        e.preventDefault();
        return false;
    }
    
    // 禁止Ctrl+Shift+I (开发者工具)
    if (e.ctrlKey && e.shiftKey && e.keyCode === 73) {
        e.preventDefault();
        return false;
    }
    
    // 禁止Ctrl+Shift+C (检查元素)
    if (e.ctrlKey && e.shiftKey && e.keyCode === 67) {
        e.preventDefault();
        return false;
    }
    
    // 禁止Ctrl+Shift+J (控制台)
    if (e.ctrlKey && e.shiftKey && e.keyCode === 74) {
        e.preventDefault();
        return false;
    }
    
    // 禁止Ctrl+U (查看源代码)
    if (e.ctrlKey && e.keyCode === 85) {
        e.preventDefault();
        return false;
    }
    
    // 禁止Ctrl+A (全选)
    if (e.ctrlKey && e.keyCode === 65) {
        e.preventDefault();
        return false;
    }
    
    // 禁止Ctrl+C (复制)
    if (e.ctrlKey && e.keyCode === 67) {
        e.preventDefault();
        return false;
    }
    
    // 禁止Ctrl+V (粘贴)
    if (e.ctrlKey && e.keyCode === 86) {
        e.preventDefault();
        return false;
    }
    
    // 禁止Ctrl+X (剪切)
    if (e.ctrlKey && e.keyCode === 88) {
        e.preventDefault();
        return false;
    }
    
    // 禁止Ctrl+S (保存)
    if (e.ctrlKey && e.keyCode === 83) {
        e.preventDefault();
        return false;
    }
    
    // 禁止Ctrl+P (打印)
    if (e.ctrlKey && e.keyCode === 80) {
        e.preventDefault();
        return false;
    }
});

// 添加CSS样式禁止选择
var style = document.createElement('style');
style.innerHTML = `
    body {
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        -ms-user-select: none !important;
        user-select: none !important;
        -webkit-touch-callout: none !important;
        -webkit-tap-highlight-color: transparent !important;
    }
    
    * {
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        -ms-user-select: none !important;
        user-select: none !important;
    }
    
    img {
        -webkit-user-drag: none !important;
        -khtml-user-drag: none !important;
        -moz-user-drag: none !important;
        -o-user-drag: none !important;
        user-drag: none !important;
        pointer-events: none !important;
    }
`;
document.head.appendChild(style);

// 禁止打印
window.addEventListener('beforeprint', function(e) {
    e.preventDefault();
    return false;
});

// 监听粘贴事件
document.addEventListener('paste', function(e) {
    e.preventDefault();
    return false;
});

// 清空控制台
console.clear();

// 禁用控制台
// var originalLog = console.log;
// console.log = function() {};
// console.warn = function() {};
// console.error = function() {};
// console.info = function() {};
// console.debug = function() {};

// 反调试
// (function() {
//     var originalDevtools = window.console;
//     Object.defineProperty(window, 'console', {
//         get: function() {
//             throw new Error('Console is disabled');
//         },
//         set: function() {
//             throw new Error('Console is disabled');
//         }
//     });
// })();
</script>
</body>
</html>