在电脑中预览手机界面。
1、在head中加入显示样式:
<link rel="stylesheet" type="text/css" href="theme/style.css">
2、在body中加入js代码:
<div class="pre-xx"></div>
<!--引入jquery和wf-h5preview代码-->
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js"></script>
<script src="js/wf-h5preview.js"></script>
<script>
$(function(){
// 向.pre-xx嵌入预览窗口
$('.pre-xx').wfH5Preview({
title: '我是说美丽的蘑菇街', // 预览窗口显示的标题
url: 'https://m.meilishuo.com/' // 预览的链接
});
})
</script>