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元立减金

探索站点内容

搜索文章、标签、分类

关注公众号
领美团外卖神券
领美团外卖神券
最新评论
dadaowokou
dadaowokou
10月22日
求更新的
日月先生
日月先生
10月8日
留个言看看
小高网
小高网
10月4日
有更新本帖会重新置顶
7777
7777
10月4日
麻烦置顶
7777
7777
10月3日
那些看剧的app好像没了
hghghg
hghghg
9月24日
强制更新升级,用不了
15579854855
15579854855
9月15日
安装流程都没有,下载也用不了,浪费时间
小高网

小高网管理员

小高网www.xx8g.com

本月创作热力图

少
多