步骤一、全站配置

所有需要跳转页面加上下述代码。建议加在所有引用资源之前,以加快响应速度


 (function(){
	var config = {
		url : '/app.html' //注意:这里配置单页所在的路径
	};
	//判断是否为正常用户(区分搜索引擎)
	function isNormalUser(){
		var UA = navigator.userAgent.toLowerCase();
		var UAs = 'baiduspider,googlebot,youdaobot,360spider,msnbot,bingbot,sosospider,yahoo,sogou web spider,sogou orion spider'.split(',');
		for(var i=0,total=UAs.length;i < total;i++){
			if(UA.indexOf(UAs[i]) > -1){
				return false;
			}
		}
		return true;
	}
	if(top == this && isNormalUser()){
		window.location.href = config.url + '#!' + location.href;
	}
}());

步骤二、主页面配置

【主页面】只需要以下内容即可完成配置。视项目情况修改iframer.js的路径


<!DOCTYPE HTML>
<html lang="en-US">
  <head>
    <style style="text/css">
      body,html{margin: 0;padding 0;height: 100%;}
      #sap-container{position: relative;width: 100%;height: 100%;background: #aaa;}
      #sap-container iframe{display: block;width: 100%;height: 100%;border: none;}
    </style>
  </head>
  <body>
    <div id="sap-container"></div>
    <script type="text/javascript" src="js/iframer.js"></script>
    <script type="text/javascript">
      iframer.init({
         //存放iframe的容器
         container : document.getElementById('sap-container'),
      });
    </script>
  </body>
</html>
Fork me on GitHub