去除移动端(苹果手机)alert/confirm的网址(url)

最新推荐文章于 2023-12-21 00:25:08 发布

转载最新推荐文章于 2023-12-21 00:25:08 发布 · 4k 阅读

文章标签：

#iphone #弹窗

前端三大法宝专栏收录该内容

10 篇文章

订阅专栏

本文提供了一种解决iPhone页面中弹窗自动携带URL链接的问题的方法。通过重写window.alert和window.confirm函数，并利用IFRAME元素来避免弹窗显示URL，确保了用户体验的一致性和友好性。

资源贴：https://blog.youkuaiyun.com/wlangduhua/article/details/81839384

说明：开发iPhone页面时，弹窗自动会带上url链接

解决办法，修改弹窗弹出内容

window.alert = function(name){
     var iframe = document.createElement("IFRAME");
     iframe.style.display="none";
     document.documentElement.appendChild(iframe);
     window.frames[0].window.alert(name);
     iframe.parentNode.removeChild(iframe)
}


window.confirm = function (message) {
      var iframe = document.createElement("IFRAME");
      iframe.style.display = "none";
      iframe.setAttribute("src", 'data:text/plain,');
      document.documentElement.appendChild(iframe);
      var alertFrame = window.frames[0];
      var result = alertFrame.window.confirm(message);
      iframe.parentNode.removeChild(iframe);
      return result;
}