Desbloqueador de proxy web: interfaz del lado del cliente

41 iroger7

Abrir en el editor Publica tu código

Desbloqueador de proxy web: interfaz del lado del cliente

Recomendado

25 May 2025

Un código de qatar2023

30 July 2025

Plantilla HTML de página de pago de tarjeta Visa

14 May 2025

sistema de donaciones con múltiples montos

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Simple Web Proxy Unblocker Interface</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 20px;
            background-color: #f4f4f9;
            text-align: center;
        }
        .proxy-container {
            max-width: 900px;
            margin: 0 auto;
            background: #fff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        }
        h1 {
            color: #333;
            margin-bottom: 20px;
        }
        #urlInput {
            width: 70%;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 4px;
            font-size: 16px;
            margin-right: 10px;
        }
        #goButton {
            padding: 10px 20px;
            background-color: #007bff;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-size: 16px;
            transition: background-color 0.3s;
        }
        #goButton:hover {
            background-color: #0056b3;
        }
        #proxyFrame {
            width: 100%;
            height: 60vh;
            border: 2px solid #ccc;
            margin-top: 20px;
            border-radius: 4px;
        }
        .warning {
            margin-top: 15px;
            color: #666;
            font-size: 0.9em;
        }
    </style>
</head>
<body>

<div class="proxy-container">
    <h1>Proxy Web Unblocker</h1>
    <p>Enter the URL you wish to access:</p>
    
    <input type="text" id="urlInput" placeholder="e.g., https://google.com">
    <button id="goButton">Go</button>
    
    <div class="warning">
        Note: This client-side interface simulates a proxy. Actual proxy functionality depends on a server-side component not included here. Cross-origin restrictions may prevent some sites from loading in the frame.
    </div>

<iframe id="proxyFrame" name="proxyFrame" srcdoc="<p style='text-align:center; padding-top: 50px;'>Content will appear here.</p>"></iframe>
</div>

function loadUrl() {
        const urlInput = document.getElementById('urlInput');
        const proxyFrame = document.getElementById('proxyFrame');
        let url = urlInput.value.trim();

if (url === "") {
            alert("Please enter a URL.");
            return;
        }

// Simple protocol check and prepend if missing
        if (!url.startsWith('http://') && !url.startsWith('https://')) {
            url = 'http://' + url;
        }

// Set the iframe source to the constructed URL
        proxyFrame.src = url;
    }
</script>

</body>
</html>

Desbloqueador de proxy web: interfaz del lado del cliente

Recomendado

Un código de qatar2023

Plantilla HTML de página de pago de tarjeta Visa

sistema de donaciones con múltiples montos

HTML

CSS

JS

Recomendado

Un código de qatar2023

Plantilla HTML de página de pago de tarjeta Visa

sistema de donaciones con múltiples montos

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS