栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

检测Chrome中阻止的弹出窗口

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

检测Chrome中阻止的弹出窗口

好吧,您所说的“魔术时间”可能是当弹出窗口的DOM已加载时。否则可能是当所有内容(图像,舷外CSS等)均已加载时。您可以通过在弹出窗口中添加非常大的图形来轻松测试(首先清除缓存!)。如果您使用的是jQuery之类的Javascript框架(或类似的东西),则可以使用ready()事件(或类似的东西)来等待DOM加载,然后再检查窗口偏移。这样做的危险在于Safari检测的工作方式相互矛盾:弹出窗口的DOM在Safari中永远不会ready(),因为它将为您要打开的窗口提供有效的句柄-无论它实际上是打开的还是打开的不。(实际上,我相信您上面的弹出式测试代码不适用于野生动物园。)

我认为您可以做的最好的事情是将测试包装在setTimeout()中,并在运行测试之前给弹出窗口3-5秒以完成加载。它不是完美的,但它至少应在95%的时间内正常工作。

这是我用于跨浏览器检测的代码,没有Chrome部件。

function _hasPopupBlocker(poppedWindow) {    var result = false;    try {        if (typeof poppedWindow == 'undefined') { // Safari with popup blocker... leaves the popup window handle undefined result = true;        }        else if (poppedWindow && poppedWindow.closed) { // This happens if the user opens and closes the client window... // Confusing because the handle is still available, but it's in a "closed" state. // We're not saying that the window is not being blocked, we're just saying // that the window has been closed before the test could be run. result = false;        }        else if (poppedWindow && poppedWindow.test) { // This is the actual test. The client window should be fine. result = false;        }        else { // Else we'll assume the window is not OK result = true;        }    } catch (err) {        //if (console) {        //    console.warn("Could not access popup window", err);        //}    }    return result;}

我要做的是从父级运行此测试,并将其包装在setTimeout()中,从而使子窗口加载3-5秒。在子窗口中,您需要添加一个测试功能:

功能测试() {}

弹出窗口阻止程序检测器进行测试,以查看“ test”功能是否作为子窗口的成员存在。

2015年6月15日新增:

我认为处理此问题的现代方法是使用window.postMessage()来让孩子通知父窗口已经加载。这种方法是相似的(孩子告诉父母它已经加载了),但是通信方式已经得到了改善。我可以从孩子那里进行跨域操作:

$(window).load(function() {  this.opener.postMessage({'loaded': true}, "*");  this.close();});

父母使用以下方式收听此消息:

$(window).on('message', function(event) {       alert(event.originalEvent.data.loaded)});

希望这可以帮助。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/464746.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号