加到对应页面的</body> 上面，或者<head> </head>之间

  1. <script type="text/javascript">
  2.     var browser = {
  3.         versions: function() {
  4.             var u = navigator.userAgent, app = navigator.appVersion;
  5.             return {//移动终端浏览器版本信息
  6.                 trident: u.indexOf('Trident') > -, //IE内核
  7.                 presto: u.indexOf('Presto') > -, //opera内核
  8.                 webKit: u.indexOf('AppleWebKit') > -, //苹果、谷歌内核
  9.                 gecko: u.indexOf('Gecko') > - && u.indexOf('KHTML') == -, //火狐内核
  10.                 mobile: !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/), //是否为移动终端
  11.                 ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
  12.                 android: u.indexOf('Android') > - || u.indexOf('Linux') > -, //android终端或者uc浏览器
  13.                 iPhone: u.indexOf('iPhone') > - || u.indexOf('Mac') > -, //是否为iPhone或者QQHD浏览器
  14.                 iPad: u.indexOf('iPad') > -, //是否iPad
  15.                 webApp: u.indexOf('Safari') == - //是否web应该程序，没有头部与底部
  16.             };
  17.         }(),
  18.         language: (navigator.browserLanguage || navigator.language).toLowerCase()
  19.     }
  20.  
  21.     function is_weixin() {
  22.         var ua = navigator.userAgent.toLowerCase();
  23.         var isIosQQ = ( /(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent) && /\sQQ/i.test(navigator.userAgent));
  24.         var isAndroidQQ = ( /(Android)/i.test(navigator.userAgent) && /MQQBrowser/i.test(navigator.userAgent) && /\sQQ/i.test((navigator.userAgent).split('MQQBrowser')));
  25.         var isQQ = isIosQQ || isAndroidQQ;
  26.         if (ua.match(/MicroMessenger/i) == "micromessenger" || isQQ) {
  27.             return true;
  28.         } else {
  29.             return false;
  30.         }
  31.     }
  32.     var isWeixin = is_weixin();
  33.     var winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight;
  34.     function loadHtml(){
  35.  
  36.         var div = document.createElement('div');
  37.         div.id = 'weixin-tip';
  38.         if(browser.versions.ios || browser.versions.iPhone || browser.versions.iPad){
  39.             div.innerHTML = '<p><img style="width:80%" src="ios.png" alt="微信打开"/></p>';
  40.         }else if(browser.versions.android){
  41.             div.innerHTML = '<p><img style="width:80%" src="android.png" alt="微信打开"/></p>';
  42.         }
  43.         document.body.appendChild(div);
  44.     }
  45.  
  46.     function loadStyleText(cssText) {
  47.         var style = document.createElement('style');
  48.         style.rel = 'stylesheet';
  49.         style.type = 'text/css';
  50.         try {
  51.             style.appendChild(document.createTextNode(cssText));
  52.         } catch (e) {
  53.             style.styleSheet.cssText = cssText; //ie9以下
  54.         }
  55.         var head=document.getElementsByTagName("head")[]; //head标签之间加上style样式
  56.         head.appendChild(style);
  57.     }
  58.     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%;}";
  59.     if(isWeixin){
  60.         loadHtml();
  61.         loadStyleText(cssText);
  62.     }
  63. </script>

微信+QQ跳转的更多相关文章

  1. 【网站】 简单通用微信QQ跳转浏览器打开代码

    使用方法: 将代码全部复制 粘贴到 网站根目录下index.php文件的顶端 注意:不要覆盖了 index.php里面的原代码,原代码保留 使用说明: 手机QQ内打开,会自动跳转浏览器: 微信内打开, ...

  2. 开源！js实现微信/QQ直接跳转到支付宝APP打开口令领红包！附：demo

    最近支付宝的领红包可真是刷爆了各个微信群啊,满群都是支付宝口令. 可是这样推广可不是办法,又要复制又要打开支付宝又要点领取,太麻烦了. 于是乎,提出了一个疑问!是否可以在微信里面点一个链接然后直接打开 ...

  3. 微信最新跳转浏览器功能源码，实现微信内跳转手机浏览器访问网页url

    微信最新自动跳转外部浏览器下载app/打开指定页面源码 源码说明: 适用安卓和苹果系统,支持任何网页链接.并且无论链接是否已经被微信拦截,均可实现微信内自动跳转浏览器打开. 生成的跳转链接具有极佳的防 ...

  4. 分享一个在线生成微信跳转链接实现微信内跳转浏览器打开URL的工具

    前言 现如今微信对第三方推广链接的审核是越来越严格了,域名在微信中分享转发经常会被拦截,一旦被拦截用户就只能复制链接手动打开浏览器粘贴才能访问,要不然就是换个域名再推,周而复始.无论是哪一种情况都会面 ...

  5. 微信QQ打开网页时提示用浏览器打开

    微信QQ打开网页时提示用浏览器打开 一,需求分析 1.1,使用微信或QQ打开网址时,无法在微信或QQ内打开常用下载软件,手机APP等.故此需要在微信qq里提示 二,功能实现 2.1 html实现 &l ...

  6. 从手机浏览器或者 APP 中跳转到微信并跳转到指定页原理及行业内幕详解

    相信很多朋友遇到过有些网站,可以直接通过一个连接就能让你的手机打开微信且跳转到某个指定的页面,许多程序员很好奇到底是怎么实现的,到处求这种方法的源码,在文本中我会介绍及剖析这种跳转实现的原理. 微信是 ...

  7. 微信无法跳转appstore总结--应用宝微下载申请

    以前是有方法,可以实现微信下跳转appstore的. 大概就是把url改为:http://mp.weixin.qq.com/mp/redirect?url="跳转url"(可编码也 ...

  8. 微信,QQ这类IM app怎么做——谈谈Websocket

    前言 关于我和WebSocket的缘:我从大二在计算机网络课上听老师讲过之后,第一次使用就到了毕业之后的第一份工作.直到最近换了工作,到了一家是含有IM社交聊天功能的app的时候,我觉得我现在可以谈谈 ...

  9. h5 网页版的微博微信QQ登录

    一:微博 1,先说微博吧,首先你的去http://open.weibo.com/wiki/先注册账号,通过验证审核.然后的创建网页应用.微博审核不通过的原因就是域名和网站地址,一定要按实际写的.一定要 ...

随机推荐

  1. 解决 genymotion 安装apk报错 app contains ARM native code and your Genymotion device cannot run ARM instructions

    1.某些APP安装在模拟器时提示“ this probably means that the app contains ARM native code and your Genymotion devi ...

  2. C++分割string字符串（转）

    原文链接:https://blog.csdn.net/jirryzhang/article/details/80473032 或:https://www.cnblogs.com/dingxiaoqia ...

  3. listView有感

    listView显示出来框,设置的是裁切后显示出来的界面,而非能装入item的空间.

  4. C++-HDU1166-敌兵布阵[数据结构][树状数组]

    单点修改+区间查询=树状数组 空间复杂度O(n) 时间复杂度O(mlogn) #include <set> #include <map> #include <cmath& ...

  5. lua 排序table.sort()用法

    table.sort(),它要求要排序的目标table的必须是从1到n连续的,即中间不能有nil.当两个数相等的时候,比较函数一定要返回false. 探究性质,我们做个试验: 1)新建文件sortte ...

  6. KMP算法例题

    链接:https://codeforces.com/contest/1200/problem/E 题意:依次合并两个单词,每次合并将删去最长相同前后缀,输出结果. 思路:用kmp跑出每个需要被连接的单 ...

  7. NOIP做题练习（day3）

    A - 军队 问题描述 给定一个有 \(n\) 个队伍的人组成的序列,第 \(i\) 个队伍 \(i\) 有 \(s[i]\)个人组成,一个 \(l\) 到 \(r\)的子序列是合法的,当且仅当\(( ...

  8. 阻塞队列BlockingQueue之LinkedBlokingQueue

    1.简介 LinkedBlokingQueue 是链表实现的有界阻塞队列,此队列的默认和最大长度为 Integer.MAX_VALUE.此队列按照先进先出的原则对元素进行排序.ArrayList和Ar ...

  9. java项目连接Oracle配置文件

    转载自:https://blog.csdn.net/shijing266/article/details/42527471 driverClassName=oracle.jdbc.driver.Ora ...

  10. MAKEFILE_LIST/CURDIR/MAKECMDGOALS/MAKEOVERRIDES/MAKEFLAGS

    http://blog.chinaunix.net/uid-29460203-id-4191975.html https://www.xuebuyuan.com/1148403.html?mobile ...