专栏首页知无涯js判断手机浏览器操作系统及微信浏览器的方法

js判断手机浏览器操作系统及微信浏览器的方法

今天用到的代码,一并奉上。

js判断手机系统并跳转 if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //alert(navigator.userAgent); window.location.href ="apple.htm"; } else if (/(Android)/i.test(navigator.userAgent)) { //alert(navigator.userAgent); window.location.href ="android.htm"; }else{ window.location.href ="xxx/tablet.htm"; };

js判断微信浏览器并提示

<script type="text/javascript"> function is_weixin() { var ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == "micromessenger") { return true; } else { return false; } } var isWeixin = is_weixin(); var winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight; function loadHtml(){ var div = document.createElement('div'); div.id = 'weixin-tip'; div.innerHTML = '<p><img src="http://photo.101rc.com/weixin/live_weixin.png" alt="微信打开"/></p>'; document.body.appendChild(div); } function loadStyleText(cssText) { var style = document.createElement('style'); style.rel = 'stylesheet'; style.type = 'text/css'; try { style.appendChild(document.createTextNode(cssText)); } catch (e) { style.styleSheet.cssText = cssText; //ie9以下 } var head=document.getElementsByTagName("head")[0]; //head标签之间加上style样式 head.appendChild(style); } var cssText = "#weixin-tip{position: fixed; left:0; top:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80); width: 100%; height:100%; z-index: 100;} #weixin-tip p{text-align: center; margin-top: 10%; padding:0 5%;}"; if(isWeixin){ loadHtml(); loadStyleText(cssText); } </script>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • ASP跨站提交参数检测

    落叶大大
  • 移动端前端开发调试-将safari设置iPhone模拟器

    落叶大大
  • SQL批量删除与批量插入语句

    落叶大大
  • 逆向一期/014/push窗体法

    来到这里,看下面那个push 0x520开头的,这就是一个易语言窗体,每个窗体都有不同的“名字”

    yichen
  • 读懂CommonJS的模块加载

    Common这个英文单词的意思,相信大家都认识,我记得有一个词组common knowledge是常识的意思,那么CommonJS是不是也是类似于常识性的,大家...

    小美娜娜
  • Java虚拟机--Class文件结构

    SuperHeroes
  • SpringBoot这只怪物到底是如何跑起来的?

    不得不说 SpringBoot 太复杂了,我本来只想研究一下 SpringBoot 最简单的 HelloWorld 程序是如何从 main 方法一步一步跑起来的...

    Java团长
  • iOS 如何高效的使用多线程

    多线程技术在移动端开发中应用广泛,GCD 让 iOS 开发者能轻易的使用多线程,然而这并不意味着代码就一定高效和可靠。深入理解其原理并经常结合业务思考,才能在有...

    波儿菜
  • 机器学习笔记——特征标准化

    数据标准化是为了消除不同指标量纲的影响,方便指标之间的可比性,量纲差异会影响某些模型中距离计算的结果。

    数据小磨坊
  • JavaScript作用域

    秋白

扫码关注云+社区

领取腾讯云代金券