我现在一个pc端网页里显示另一个网页的移动端界面怎么做?

新手上路,请多包涵

我现在是在A网页的HTML里面加了个iframe标签,然后用iframe的src属性链接到另一个B网页要显示的网页地址,但是问题是得到的效果是在A里面iframe这里显示了B网页的pc端页面。我需要B网页的移动端页面,我该用iframe什么属性来设置?

或者说这个需求根本不能用iframe来做的,必须用其他技术?请各位大神说详细点。谢谢!

在补充下 B网页是外网人家的网站,我不能改动B网页的代码!我到处都搜不到答案啊!!!!!!!求大神!!!!!!!!!!

<div class="preview-body">
  <iframe id="ifr1" src="https://mb.yidianzixun.com/article/0LmE9sJo"></iframe>
</div>

想要实现效果:A网页嵌入B网页(移动端显示)
图片描述
![图片描述

我实现出来的效果:
图片描述

阅读 9.7k
2 个回答

正常来说,一般的网站都会用过浏览器 ua 来判断要显示移动端页面还是pc端页面,因为你的网站是pc端,所以你网页上的iframe也就是pc端的ua,所以问题就变成了 如何设置iframe 的User-Agent

一些浏览器可以通过hack的方法更改iframe的ua,但是这是少数,大部分浏览器应该都不支持,

如果真要实现,可以加一层服务端代理,iframe的地址设置成自己的服务端地址,服务端收到请求后更改成一个手机ua,再转发到对方的网站。

是这样吗?

clipboard.png

<style>
        *{
            margin: 0;
            padding: 0;
        }
        body .main{
          width: 640px;
          height:1136px;
          margin: 0 auto
        }
        iframe{
          width: 100%;
          height: 100%;
          border: none !important
        }
    </style>
   <body>
      <div class="main">
        <iframe src="https://mb.yidianzixun.com/article/0LmE9sJo"></iframe>
      </div>
  </body>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题