如何在中预览移动网站 <iframe> 在引导模式下站点的桌面版本中

Question

I want to show mobile version of website in desktop version . 我想在桌面版本中显示网站的移动版本。 Basically we have 2 website m.xyz.com and xyz.com , now what i want is to show m.xyz.com in desktop on click of preview . 基本上我们有2个网站m.xyz.com和xyz.com，现在我想要的是在单击预览时在桌面上显示m.xyz.com。

<script>
$('#preview_feature').click(function() {

            $('.faqModal').on('shown.bs.modal',function(){     

              $(this).find('iframe').attr('src','https://m.xyz.com/abc')
            })
              $('.faqModal').modal({show:true})
            })
    </script>

    //On click of this button i am showing model which will preview mobile version of website 
    <button type="button" id="preview_feature" class="btn btn-info btn-lg btn"  >Preview Feature</button>

    <!-- Modal -->
      <div class="modal fade faqModal" id="faqModal" role="dialog">
        <div class="modal-dialog">
          <!-- Modal content-->
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal">&times;</button>
              <h4 class="modal-title">Preview</h4>
            </div>
            <div class="modal-body">
              <iframe style="width:940px;height:560px;-webkit-transform:scale(1);-moz-transform-scale(1);"></iframe>
              </iframe>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
          </div>  
        </div>
      </div>

Answer 1

See this is working for me: 看到这对我有用：

<!DOCTYPE html>
<html>
    <body>
        <iframe src="https://en.m.wikipedia.org/wiki/Main_Page" width="400px" height="500px">
        </iframe>
    </body>
</html>

Please try decreasing the width so that if it using proper js for mobile platform redirection then it will be working fine. 请尝试减小宽度，以便如果它使用正确的js进行移动平台重定向，那么它将正常工作。

如何在中预览移动网站 <iframe> 在引导模式下站点的桌面版本中

问题描述

1 个解决方案

解决方案1
0 2018-02-15 07:26:10

如何在中预览移动网站 <iframe> 在引导模式下站点的桌面版本中

问题描述

1 个解决方案

解决方案1 0 2018-02-15 07:26:10

解决方案1
0 2018-02-15 07:26:10