背景:昨天项目突发的一个问题,原本window.open能正常执行,并且打开总控页面实现单点登录,昨天突然不行了。联系不到总控的技术人员,只好自己动手查找原因。
测试发现:A.使用chrome浏览器===》1.打开其他网页可以,唯独总控页面不行 2.总控页面在console中用js代码window.open打开自己页面,其他域页面可以,但其他域页面在console中打开总控页面不行。
B.使用IE浏览器却一切正常
询问了公司技术人员,得出可能是总控那边进行了阻止跨域访问的原因,而总控的阻止代码在IE中因为兼容性问题失效了。网上查找资料,发现可以用iframe“代理”访问解决。也就是window.open打开自己系统内的一个页面,然后这个页面使用iframe来访问总控页面。经过测试,这种方式在google、firefox中确实可以。关键代码如下:
login.jsp:
window.open('a.html');
a.html:
<iframe src='targetPage' width='100%' height='100%' scrolling='Yes'></frame>
但是上面的代码在IE中却不行了,虽然可以成功弹出a.html,并且页面源码里有targetPage的代码,但是页面却显示空白。检查页面源码发现总控那边有反iframe嵌入的js代码....... 如下:
//如果父页面的href不等于此页面的href,则使父页面的location等于此页面location
if(top.location.href != self.location.href){
top.location = self.location;
}
无奈,最终只能使用下策,在IE中使用window.open直接打开总控页面,其他浏览器使用iframe“代理”访问总控页面。login.jsp中关键js代码如下:
var userAgent = navigator.userAgent;
var isIE = userAgent.indexOf('compatible') >1 && userAgent.indexOf('MSIE') >1;
if(isIE){
window.open('targetPage');
} else {
window.open('a.html');
}