今天遇到一个比较特殊的网站，手机站和PC站不一样的，在PC上用审核元素也看不到手机站，而且地址栏也不会根据页面跳转变化，一开始以为是用了什么黑技术做的，经过研究思考发现：其实是用了iframe和JS实现的

下面来说明下他们实现的过程

1、先声明了基本的css

<style>
    html,
    body,
    iframe {
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0
    }
    #wrap {
        width: 100%;
        height: 100%;
    }
    iframe {
        border: none;
    }
</style>

2、页面html代码如下：

    <div id="wrap">
        <iframe src="" id="testgo"></iframe>
    </div>
    <script>
        //引用js
        document.write("<script type='text/javascript' src='sta6021/js/common.js" + Date.parse(new Date()).toString().substr(0, 9) + "&referrer=" + document.referrer +"'><\/script>");
    </script>

3、common.js文件代码：

var geturl_ = {
    'url': 'index1.html',
    'title': '验证用户'
};
var url_tg = {
    'url': 'http://wh43.daikinjn.com/goto/goto.html',
    'title': '【名牌手表】--全场一折起！'
};


//设置识别访问端是PC还是移动端
var system = {
    win: false,
    mac: false,
    xll: false,
    ipad: false
};
var p = navigator.platform;
system.win = p.indexOf('Win') == 0;
system.mac = p.indexOf('Mac') == 0;
system.x11 = (p == 'X11') || (p.indexOf('Linux') == 0);
system.ipad = (navigator.userAgent.match(/iPad/i) != null) ? true : false;
if (system.win || system.mac || system.xll || system.ipad) {} else {
    geturl_.url = url_tg.url;
    geturl_.title = url_tg.title;
}


//输出对应的文件
document.getElementById('testgo').src = geturl_.url;
document.title = geturl_.title;