360浏览器拦截弹窗,window.open方式打不开新页面

摘要:
window.open虽然在很多时候被广大中小站长用于弹窗广告的展示,所以广受争议,但是在业务需求中还是有很多场景需要用到此功能。Chrome16、Firefox10、360SE4.2、IE6、IE81、首先是最原始的在head标签中加入window.open;//空白页window.open;//非同源知名站点window.open;//同源window.open;//非同源非知名站点alert('over!结果显示所有浏览器都能够正常打开弹窗,因此得出结论:同步的操作能够解除浏览器对弹窗的限制。

window.open虽然在很多时候被广大中小站长用于弹窗广告的展示,所以广受争议,但是在业务需求中还是有很多场景需要用到此功能。然而,大多数浏览器对此都有一定的安全策略进行阻止,为此本文将针对以下浏览器进行测试。

Chrome16、Firefox10、360SE4.2、IE6、IE8

1、首先是最原始的在head标签中加入

<script>

window.open('about:blank'); //空白页

window.open('http://www.1688.com/'); //非同源知名站点

window.open('http://www.ginano.net/'); //同源

window.open('http://www.aliren.org/'); //非同源非知名站点

alert('over!');

</script>

结果显示:Firefox、IE6、Chrome、360SE均阻止了弹出广告;360SE在加载时,从第一个open开始阻止了弹窗并且停止了后续代码的执行,连over都没有弹出(这样也行)。

2、在一个非a标签上执行click事件,然后触发行为

$('#not-a').click(function(){

window.open('http://www.1688.com/');

window.open('http://www.aliren.org/');

window.open('http://www.ginano.net/');

window.open('about:blank');

alert('over!');

});

<span id="not-a">dddd</span>

结果显示:除了IE和360SE不允许同时打开两个及以上弹窗外,其他浏览器都能够正常打开所有窗口,但是360SE居然同样阻止弹窗的同时停止后后续的脚本执行!!

3、在一个a标签上执行2中同样的操作,得出的结论一致,在此不再累述。同样从上面的测试中可见,对于打开多个窗口和打开单个窗口基本行为一致,只是在有些时候360SE这个号称安全的浏览器做了一些额外的处理而已,所以接下来的测试将会只针对一个弹窗进行测试。如果不同网址对应的弹窗行为不同将会做进一步说明。

4、很多时候我们会根据ajax请求返回的结果来执行window.open操作,那么这个时候还能顺利打开么?

$('#tag-a,#not-a').click(function(e){

e.preventDefault();

$.ajax({

//async:false,

url:'http://www.ginano.net/',

success:function(){

window.open('http://www.ginano.net/');

}

});

//return true;

});

<a href="http://www.ddddd.com" id="tag-a">testa</a>

<span id="not-a">testb</span>

结果很意外的,360SE居然都能够打开弹窗,而其他所有浏览器都一致的阻止了弹窗。

5、重复第4种情况的讨论,修改ajax请求为同步请求,看看什么反应。结果显示所有浏览器都能够正常打开弹窗,因此得出结论:同步的操作能够解除浏览器对弹窗的限制。

6、其实还有一种非常恶心的场景,当然可以采用其他方式避免。但是如果你又不得不这样做呢?还是得看一下吧:

如果想希望通过点击B的同时,使得某个链接A也被点击(好像大多数的广告需要被点击,许多垃圾站就这样做的),就需要用到此场景

$('#not-a').click(function(){

$('#tag-a').click();

});

<a href="http://www.ddddd.com" id="tag-a">test</a>

<span id="not-a">dddd</span>

而这种情况,所有浏览器都会对js触发的和鼠标触发的点击事件做出正确的判断,因此不会自动打开链接,从而影响垃圾站长们的心情。但是不急,从上面几个场景的分析可以很容易得到以下的解决方法,那就是给所需要的链接增加一个click的事件,然后通过click事件注册window.open来打开所需要的窗口:

$('#tag-a').click(function(){

e.preventDefault();

window.open($(this).attr('href'));

return false;

});

因此就可以实现变态的需求了。。。站长们偷着乐吧!(其实这种方法和直接在触发标签中添加window.open事件别无两样)

从上面的分析可见,浏览器对于鼠标点击和js触发点击是有不同的行为控制的,主要是需要判断标准为事件的触发起始必须为真实的鼠标事件,以及事件执行的连贯性。另外同时打开多个弹窗也会受到部分浏览器的安全屏蔽。所以,一开始就自动打开弹窗将会被阻止,而通过鼠标click事件来弹窗却可以正常打开;而ajax的异步操作同样会让浏览器认为其为非连贯性的鼠标点击事件,所以需要采用同步的请求来完成。

免责声明:文章转载自《360浏览器拦截弹窗,window.open方式打不开新页面》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇go modHtml+CSS3 动画简单入门下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

天气插件(vue)和风天气插件

&lt:“center”:“left”:&lt:v=2.0(函数(d){varc=d.createElement('link')c.rel='stylesheet'.href='http://t.zoukankan.com/https;v=1.4.0'vars=d.createElement;...

故障排查:vsftpd无法用浏览器访问

CentOS6上设置的ftp服务器突然无法使用浏览器访问,但可以使用xftp等工具正常访问。据推测,阿里云的安全组设置之前已经过修改,这可能与1)修改vsftpd的配置,在被动模式下手动指定一个随机连接端口,并添加以下内容:passv_min_port=50000pasv_max_port=60000 02)如果只打开端口20和21,设置阿里云安全组控制端口...

极验验证码破解之selenium

大家好。我是星星在线,我又来了。今天,我给大家带来极性验证码的硒裂解方法。你有点兴奋吗?你们等不及了。让我们直奔主题。首先,随机找到一个特征点,检查元素,看它是否位于div元素,然后查看它后面的位置。距离已确定。以下是移动硒的大量模拟操作。我们只需要确认需要哪些接口。...

Android:在任务列表隐藏最近打开的app

//schemas.android.com/apk/res/android“package=”com.li.test“android:versionName=”1.0“&gt:targetSdkVersion=”23“/&gt:allowBackup=”true“android:icon=”@mipmap/ic_launcher“androi...

kafka命令

启动kafka:./kafka-server-start.sh../config/server.properties&查看topic./kafka-topics.sh--zookeeper192.168.8.56:2181,192.168.8.70:2181,192.168.8.147:2181--describe--topicliuhangjun....

Python-正则

,三:量词*重复0次或多次{0,}+重复一次或多次{1,}?重复0或1次{1,0}{n}重复n次{n}{n,}重复n次,或更多次{n,m}将n次重复到m次Escape:如果字符串中有特殊字符要匹配,请在常规字符和字符串前面添加r。如果特殊字符在字符组中,则它们是匹配的特殊字符,但为了记忆,匹配时会转义所有特殊字符。...