ios webview alert弹窗不显示网址解决办法

移动端alert弹窗都会显示出页面的网址,很丑,以前的版本,ios和android都可以通过重写webview的alert等弹窗事件来隐藏掉弹窗的标题,但是ios7之后,api被禁用了,导致ios无法重写来实现隐藏标题,后来想过几种方案:

  1. 通过js调用ios原生代码来实现,即:window.alert = function(str){window.local.href=”xx://str/”+str}

  2. js+html+css 模拟,但是为了实现alert等的阻塞执行,需要把后面的代码放入回调函数中执行

但是还是感觉这两种方式实现不太优雅,都需要对现有代码做比较大的改动,不死心,于是继续google,终于发现个好办法:

1
2
3
4
5
6
7
8
9
window.alert = function(name){
var iframe = document.createElement("IFRAME");
iframe.style.display="none";
iframe.setAttribute("src", 'data:text/plain,');
document.documentElement.appendChild(iframe);
window.frames[0].window.alert(name);
iframe.parentNode.removeChild(iframe);
}
alert('xxx');

这个方法在于重写了alert方法(confirm方法同理),不需要改动现有代码,并且解决了弹窗标题出现网址的问题。不过需要注意的是,每次在框架中执行完一个alert/confirm后,需要将框架移除,下次再重新载入,否则在chrome中会引发跨域执行,从而被chrome拦截。

原文出处:http://ifindever.com/archives/260.html