专冶各种H5的嵌入垃圾广告!

公司的H5页面挨嵌入各种各样的广告,有时有,有时没有,这个很烦人,问过许多大咖,有几种说法和几种解决方法

  1. DNS劫持 。
    HTML5页面被电信运营商进行DNS劫持植入广告,建议打电话给电信运营商。这招我试过,不管用,他们都在踢皮球,到底是运营商或代理商干的,,还是内部人干,很难追求到源头。
  2. HTTP劫持 。
    可能也有这个原因,建议使用HTTPS, HTTPS成本不算高, 一年几百块至几千块的,能有效拦截嵌入广告。 但不彻底, 照样有嵌入广告的情况,具体原因不详。
  3. 第三方包植入广告。
    不排除第三方的包有植入广告的代码,但这个不好找,一个项目的npm包,可能1000多个~~…
    难道没有更好的办法了吗? 有~~这个是别人那里扒过来的
<!-- 反运营商劫持 S --><style type="text/css">html {display:none;}</style>
<script>if( self == top ) {document.documentElement.style.display = 'block' ;} else {top.location = self.location ;}</script><!-- 反运营商劫持 E -->

但实际运用的过程,不起作用,可能是奸商改了规则~~。

经过反复研究,那些嵌入的代码,的确规则时常变化的,~~但有一样东西是不变的,就是iframe,每段嵌入代码都会iframe

<html>
<body>
...
<!-- 嵌入的广告代码 开始  -->
<div id="xxx_id">
...
<iframe id="xxx" src="xx.com"...></iframe>
</div>
<!-- 嵌入的广告代码 结束  -->
</body>
</html>

所以我的代码是这样写的。

css代码

/* 抢先 隐藏 iframe */
body iframe {display: none;}

js

var del_times = 0, deTimer = null;
function adGo() {var iframe = document.getElementsByTagName('iframe')[0];if(iframe){console.log(iframe)var bodyNode = {tagName:''}, iframeParent, targetNode = iframe.parentNode;while (bodyNode.tagName != 'BODY'){bodyNode = targetNode;if(bodyNode.tagName != 'BODY'){iframeParent = targetNode;targetNode = targetNode.parentNode;}}if(iframeParent) //如果iframe有父类bodyNode.removeChild(iframeParent);elsebodyNode.removeChild(iframe);}del_times++;if (del_times > 10) window.clearInterval(deTimer)
}//抢先 删除 嵌入广告
(function(){adGo();}())deTimer = self.setInterval(adGo, 200);

把代码加到

经过一星期运行,效果棒棒的,妈妈再也不要担心我H5的弹出广告了。

各位小伙伴支持一下博主吧,花呗都还不起了 555!!!

1:打开支付宝扫一扫,扫码领红包
2:领多少红包直接扫码支付输入多少就行,最后是0.00,小编不要多余的一分钱 (ø_ø)

(*  ̄3)(ε ̄ *)

微信公众号HTML,H5页面莫名其妙,无故多出广告来,解决办法相关推荐

  1. 微信公众号进入H5页面之后,点击返回键一直报404

    微信公众号进入H5页面之后,点击返回键一直报404,遇到这个问题很郁闷呀! 注意:注意: 这是我自己的系统出的问题! 第一:因为这个问题不是所有手机上面都出现 第二:这个问题不是一个手机在出问题 第三 ...

  2. 微信公众号开发+H5页面语音录入+下载+amr转换为MP3+讯飞语音转文字

    其实作为H5想要做语音识别,自认为还说有各种弊端得,同时还是微信公众号里面,如果小程序得话,或许会简单一点,但是这里是在公众号里面开发,在这个过程中查阅个各种资料,其实里面得东西都大同小异,但是大多数 ...

  3. 关于微信公众号的h5页面跳转微信小程序的详细介绍

    简介 关于微信公众号跳转小程序的功能,我也是研究了一整天才弄好的,主要是微信官方文档写的不清楚,百度上的各种文章也各说各的,不过最后还是要相信官网文档,接下来我会一步一步分析,希望对你有帮助,并且最后 ...

  4. uniapp实现微信公众号内h5页面自定义标题内容和图片

    和上次一样填坑,这次是使用uniapp做的项目,下载微信的 js-sdk(1.6.0版本) cnpm install jweixin-module -S wechatShare.js var wx = ...

  5. 微信公众号中h5页面扫一扫实现

    开发文档参考链接:https://mp.weixin.qq.com/wiki?t = resources / status_main&id = mp1421141115 1 配置本地nginx ...

  6. 使用uniapp开发微信公众号(H5页面),用微信开发者工具调试微信公众号

    1.先引入入口.html文件 参见官网https://uniapp.dcloud.io/collocation/manifest?id=h5-template 2.配置manifest.json 3. ...

  7. php微信公众号调用扫一扫,微信公众号中h5页面扫一扫实现

    开发文档参考链接:https://mp.weixin.qq.com/wiki?t=resources / status_main&id=mp1421141115 1 配置本地nginx ser ...

  8. 微信公众号关闭H5页面,回到公众号首页

    document.addEventListener('WeixinJSBridgeReady', function () { WeixinJSBridge.call('closeWindow'); } ...

  9. 关于微信公众号搭建H5网页时 网页授权域名配置问题

    问题出现: 在搭建微信公众号网页时(框架:thinkphp) 出现如下报错 invalid appsecret rid: 61ab2ec3-328bb682-28f44296 即微信公众号搭建H5网页 ...

最新文章

  1. python自动化之文件处理_Python自动化办公之Word批量转成自定义格式的Excel
  2. 廖雪峰JS教程学习记录---字符串
  3. 模拟三:STEMA 考试选择题模拟练习试卷(初级组)及答案 + 自我解题笔记
  4. HDU 1088 Write a simple HTML Browser
  5. 开源客户关系管理系统vTigerCRM 5.2正式版发布
  6. linux动态链接库
  7. php 安全基础 第七章 验证与授权 密码嗅探
  8. c++ socket学习(1.4)
  9. ap6212 Linux 蓝牙,替代正基AP6212、AP6330的SDIO WiFi+UART蓝牙组合
  10. 2018/12/13
  11. Python实现“按任意键返回”和无回显输入
  12. Java SE之正则表达式二:匹配
  13. 【资料分享】STM32配置TB6612驱动程序详解
  14. flex java blazeds 注解_flex java blazeds 注解
  15. gbk2312拼音表 按词频排好序的
  16. system.setout_Java System类setOut()方法及示例
  17. 盘点一个Python面向对象的基础问题
  18. CISP-PTE是什么证书,CISP-PTE证书有什么用?
  19. 企业微信与个人微信实现消息互通,用企业微信连接10亿客户
  20. 一本超越期待的 C++ 书——简评 Boost程序库完全开发指南 深入C++ 准 标准库

热门文章

  1. Java Web入门之JSP的基本语法解析及实战(超详细 附源码)
  2. wps中普通视图与打印预览内容显示不一致的解决方法
  3. 使用UNetbootin制作Ubuntu Live USB
  4. 运动员强烈的自我激励
  5. 10月25日lol服务器维护,《LOL》10月25日更新内容汇总 10月25日停机维护公告
  6. 金政勋 微笑像天使的男孩!
  7. 笔记本休眠后耳机没声音了怎么解决
  8. CAD二次开发 创建椭圆
  9. untiy3D 游戏性能的优化
  10. MySQL多表查询全面解析实例【汇总】