[英]How to make a AJAX request to a Desktop version of a site via the Mobile version
[英]How to preview mobile site in <iframe> in desktop version of site in bootstrap modal
我想在桌面版本中显示网站的移动版本。 基本上我们有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">×</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>
看到这对我有用:
<!DOCTYPE html>
<html>
<body>
<iframe src="https://en.m.wikipedia.org/wiki/Main_Page" width="400px" height="500px">
</iframe>
</body>
</html>
请尝试减小宽度,以便如果它使用正确的js进行移动平台重定向,那么它将正常工作。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.