如何实现移动端浏览器不显示 pc 端的广告


Posted in Javascript onOctober 15, 2015

前一段时间写了一篇博文, 关于微信内置浏览器不显示联盟广告

根据 window.navigator.userAgent 来判断当前浏览器是否是微信内置浏览器

window.navigator.userAgent=='micromessenger'

今天要分享的内容差不多,因为之前只考虑了微信浏览器的适配,回头在移动端浏览器打开站点,发现适配问题.
有的联盟会自动屏蔽移动端,但是有的联盟就不能屏蔽,所以只能手动去判断.

根据浏览器 userAgent 判断来源

安卓设备的的 userAgent 判断

navigator.userAgent.match(/Android/i)

iphone 设备 userAgent 判断

navigator.userAgent.indexOf('iPhone')!=-1

ipad 设备 userAgent 判断

navigator.userAgent.indexOf('iPad') != -1

ipod 设备 userAgent 判断

navigator.userAgent.indexOf('iPod') != -1

再补充下微信内置浏览器的判断方法

function isWeiXin() {
    var ua = window.navigator.userAgent.toLowerCase();
    if (ua.match(/MicroMessenger/i) == 'micromessenger') {
      return true;
    } else {
      return false;
    }
 }

屏蔽微信,手机(除 winphone 设备),ipod

if(!isWeiXin()&&!(navigator.userAgent.match(/Android/i) || (navigator.userAgent.indexOf('iPhone') != -1) || (navigator.userAgent.indexOf('iPod') != -1) || (navigator.userAgent.indexOf('iPad') != -1))) {
     var sogou_ad_id=4767753;  //联盟广告计费id
 }
<script src="http://images.sohu.com/cs/jsfile/js/c.js" charset="utf-8"></script> //广告内容加载

如果没有联盟广告计费id,下面的广告自然不会展示.间接起到了移动端屏蔽联盟广告的作用.

Javascript 相关文章推荐
js更优雅的兼容
Aug 12 Javascript
js图片切换具体实现代码
Oct 13 Javascript
你不知道的 javascript【推荐】
Jan 08 Javascript
超简单的Vue.js环境搭建教程
Mar 17 Javascript
webpack3+React 的配置全解
Aug 21 Javascript
详解从Vue.js源码看异步更新DOM策略及nextTick
Oct 11 Javascript
javaScript手机号码校验工具类PhoneUtils详解
Dec 08 Javascript
解决Vue打包之后文件路径出错的问题
Mar 06 Javascript
LayUi中接口传数据成功,表格不显示数据的解决方法
Aug 19 Javascript
微信小程序实现上传照片代码实例解析
Aug 04 Javascript
基于vue 动态菜单 刷新空白问题的解决
Aug 06 Javascript
vue使用require.context实现动态注册路由
Dec 25 Vue.js
JS简单限制textarea内输入字符数量的方法
Oct 14 #Javascript
Node.js与Sails ~项目结构与Mvc实现及日志机制
Oct 14 #Javascript
浅析四种常见的Javascript声明循环变量的书写方式
Oct 14 #Javascript
浅谈angular.js中实现双向绑定的方法$watch $digest $apply
Oct 14 #Javascript
JS更改select内option属性的方法
Oct 14 #Javascript
JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果
Oct 14 #Javascript
JS实现的最简Table选项卡效果
Oct 14 #Javascript
You might like
swfupload 多文件上传实现代码
2008/08/27 PHP
php生成excel列名超过26列大于Z时的解决方法
2014/12/29 PHP
CodeIgniter开发实现支付宝接口调用的方法示例
2016/11/14 PHP
PHP利用二叉堆实现TopK-算法的方法详解
2017/04/24 PHP
通过隐藏option实现select的联动效果
2009/11/10 Javascript
javascript 基础篇1 什么是js 建立第一个js程序
2012/03/14 Javascript
JS中Iframe之间传值及子页面与父页面应用
2013/03/11 Javascript
jquery事件重复绑定的快速解决方法
2014/01/03 Javascript
一个js过滤空格的小函数
2014/10/10 Javascript
JavaScript中子对象访问父对象的方式详解
2016/09/01 Javascript
Vue项目中引入外部文件的方法(css、js、less)
2017/07/24 Javascript
微信小程序实现收藏与取消收藏切换图片功能
2018/08/03 Javascript
angular5 子组件监听父组件传入值的变化方法
2018/09/30 Javascript
使用Vue中 v-for循环列表控制按钮隐藏显示功能
2019/04/23 Javascript
Vue中实现权限控制的方法示例
2019/06/07 Javascript
react实现同页面三级跳转路由布局
2019/09/26 Javascript
[14:00]DOTA2国际邀请赛史上最长大战 赛后专访B神
2013/08/10 DOTA
[31:33]2014 DOTA2国际邀请赛中国区预选赛 TongFu VS DT 第一场
2014/05/23 DOTA
python爬虫爬取淘宝商品信息(selenum+phontomjs)
2018/02/24 Python
python根据url地址下载小文件的实例
2018/12/18 Python
Django模板导入母版继承和自定义返回Html片段过程解析
2019/09/18 Python
Python语言异常处理测试过程解析
2020/01/08 Python
pycharm不能运行.py文件的解决方法
2020/02/12 Python
Python字符串hashlib加密模块使用案例
2020/03/10 Python
政府采购方案
2014/06/12 职场文书
治安消防安全责任书
2014/07/23 职场文书
“四风”问题整改措施和努力方向
2014/09/20 职场文书
2014感恩节演讲稿大全
2014/10/11 职场文书
公司晚会主持词
2019/04/17 职场文书
2019年暑期安全广播稿!
2019/07/03 职场文书
浅谈MySQL next-key lock 加锁范围
2021/06/07 MySQL
python tqdm用法及实例详解
2021/06/16 Python
Python 可迭代对象 iterable的具体使用
2021/08/07 Python
vue中 this.$set的使用详解
2021/11/17 Vue.js
mysql的Buffer Pool存储及原理
2022/04/02 MySQL
Tomcat安装使用及部署Web项目的3种方法汇总
2022/08/14 Servers