用html写一个反向代理代码 展示这个网站httpkvk666jsppccn
要实现一个简单的反向代理,可以使用以下的HTML代码:
<!DOCTYPE html>
<html>
<head>
<title>Reverse Proxy</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<style>
body {
margin: 0;
padding: 0;
}
iframe {
width: 100%;
height: 100vh;
border: none;
}
</style>
</head>
<body>
<iframe id="proxyFrame" src="http://kvk666.jsppc.cn/"></iframe>
<script>
$(document).ready(function () {
var proxyFrame = document.getElementById('proxyFrame');
var proxyWindow = proxyFrame.contentWindow || proxyFrame.contentDocument.document || proxyFrame.contentDocument;
$(window).on('message', function (event) {
var message = event.originalEvent.data;
if (message.type === 'proxy') {
var url = message.url;
proxyWindow.location.href = url;
}
});
});
</script>
</body>
</html>
这段代码创建了一个包含一个iframe的页面,将其 src 属性设置为 http://kvk666.jsppc.cn/。当接收到来自父页面的消息时,会将 iframe 的 src 属性设置为消息中指定的 URL。这样,就可以通过在父页面中发送消息来实现反向代理的效果。
在父页面中,可以使用以下 JavaScript 代码来发送消息:
var iframe = document.getElementById('proxyFrame').contentWindow;
var url = 'http://example.com'; // 要代理的网站 URL
iframe.postMessage({ type: 'proxy', url: url }, '*');
将上述代码中的 http://example.com 替换为你想要代理的网站 URL,然后在父页面中执行该代码,即可将代理请求发送给 iframe 进行处理。
原文地址: https://www.cveoy.top/t/topic/i9zo 著作权归作者所有。请勿转载和采集!