iframe套壳别的网站,实现站中站网页

如果你有个域名和服务器,但是你又想要目标网站的内容,可以选择套壳,用html的iframe标签实现。

代码如下


<!DOCTYPE html>
<html lang="zh">
<head>
 
 
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
  
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="main.css">
 
  <title>小高网地址发布页:www.xx8g.com   关注微信公众号:小高教学网</title>
  <meta name="keywords" content="小高网" />
  <meta name="description" content="小高网">
  
  <link rel="shortcut icon" href="http://www.xgw4.com/favicon.ico" type="image/x-icon">
  
 
  
  <style>
    body {
      margin: 0;
      padding: 0;
    }
    #myiframe {
      width: 100%;
      height: 100vh;
      border: none;
    }
  </style>
  <script>
    function changeFrameHeight() {
      var ifm = document.getElementById("myiframe");
      ifm.height = document.documentElement.clientHeight;
    }
    window.onresize = function() {
      changeFrameHeight();
    };
  </script>
</head>
<body>
  <iframe src="https://www.xgw4.com" id="myiframe" scrolling="yes" onload="changeFrameHeight()" frameborder="0"></iframe>
</body>
</html>

说明一下

以上代码实现,自动适配屏幕缩放。

无边框,带滚动

自动适配目标网址的SSL.

再最下方的iframe src=后方替换自己的目标网址即可

上一篇 一线夜店中文电音DJ车载舞曲
下一篇 工行关注财富号抽1元立减金

探索站点内容

搜索文章、标签、分类

关注公众号
领美团外卖神券
领美团外卖神券
最新评论
小高网
小高网
10月4日
有更新本帖会重新置顶
7777
7777
10月4日
麻烦置顶
7777
7777
10月3日
那些看剧的app好像没了
hghghg
hghghg
9月24日
强制更新升级,用不了
15579854855
15579854855
9月15日
安装流程都没有,下载也用不了,浪费时间
小高网
小高网
9月15日
这个还是少用好
06285142
06285142
9月14日
怎么现在都没出绿色版的绿泡泡了。等了一年了呢
小高网
小高网
9月9日
那就找个完整版的安装覆盖上去吧
小高网

小高网管理员

小高网www.xx8g.com

本月创作热力图

少
多