项目中遇见的磕磕碰碰

  • 页面跳转微信及QQ的链接。QQ兼容安卓及苹果跳转
    • QQ跳转,兼容安卓及苹果跳转的链接

页面跳转微信及QQ的链接。QQ兼容安卓及苹果跳转

QQ跳转,兼容安卓及苹果跳转的链接

此次遇见很多坑,百度很多,花费大量时间查询百度,谷歌,为方便记录,所以将此次预计那问题记录一下

  1. 跳转微信:做法,html复制链接,然后跳转微信

    • 2复制微信号,然后跳转至微信

      • 2.1 html点击复制
        下载copy2clipboard.js:https://github.com/rern/js/tree/master/copy2clipboard
        然后html引入
             <p id="textCon1" style="font-size: 0px;">复制内容</p><textarea style="font-size: 0px;border: 0;" rows="0" id="textarea">这是幕后黑手</textarea><a onclick ="select_all_and_copy(document.getElementById(\'textCon1\'))">点击复制</a>然后让textarea 标签消失。css#textarea {width:0;height: 0;overflow:hidden;position:relative;display:none;}
  • 1跳转微信
         alert("复制成功")window.location.href="weixin://";
  1. QQ跳转

    • 由于qq跳转,pc与安卓、苹果链接不一样,所以需要区分开

      • 首先进入页面需要判断是手机还是pc
    function isPC() {var u = navigator.userAgent;var Agents = ["Android", "iPhone", "webOS", "BlackBerry", "SymbianOS", "Windows Phone", "iPad", "iPod"];var flag = true;for (var i = 0; i < Agents.length; i++) {if (u.indexOf(Agents[i]) > 0) {flag = false;break;}}return flag
    }
    //方法加载中使用
    if (isPC()) {//这里是PC
    $("#id").html('<a href="http://wpa.qq.com/msgrd?v=3&uin=123456&site=qq&menu=yes">点击跳转</a>');
    }
    if(!isPC()){//这里是手机端,这个手机端的跳转链接支持安卓与苹果
    $("#id").html('<a href="mqqwpa://im/chat?chat_type=wpa&uin=123456&version=1&src_type=web&web_src=oicqzone.com">跳转</a>
    }

页面跳转微信及QQ的链接。QQ兼容安卓及苹果跳转相关推荐

  1. iphone android 朋友圈,最近很火的微信空白朋友圈发布教程!安卓、苹果通用!

    原标题:最近很火的微信空白朋友圈发布教程!安卓.苹果通用! 各位小伙伴,晚上好啊!已经一个月没有更新了,这篇文章几天之前就要推送了,一直拖到现在,真是名副其实的"拖更王". 微信作 ...

  2. H5页面中添加微信公众号关注链接

    用下面地址做个链接,点击就会跳转到公众号关注页面,点击关注按钮,就能直接关注 https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz ...

  3. WebView H5 跳转微信支付、支付宝、QQ钱包WAP

    最新小菜在用研究借助 WebView h5 跳转 微信和支付宝支付页面,研究了挺久,一直没有找到合适的判断.很简单的两小段代码分享一下,希望可以帮助需要的朋友. 目前小菜是借助的 TBS X5 浏览器 ...

  4. h5跳转微信公众号文章,小程序,任意站跳转链接制作方法?

    什么是url scheme? URL scheme是系统提供的一种机制,它可以由应用程序注册,然后其他程序通过url scheme来调用该应用程序. 它分为两部分:一部分是系统默认的url schem ...

  5. 微信公众号 - 实现 H5 网页在微信内置浏览器中下载文件,可预览和下载 office 文件(doc / xls / ppt / pdf 等)适用于任何前端技术栈网站,兼容安卓和苹果系统!

    前言 网上的教程都是让你写页面 "引导" 右上角三个点里,让用户自己去浏览器打开,其实这样用户体验并不好. 本文实现了 最新微信公众号 H5 网页(微信内置浏览器中),预览下载 o ...

  6. 微信公众号通过链接实现关注,H5直接跳转到关注页

    之前的方法应该不大好使了,又发现了个新方法.登录你的微信公众号,在首页右键 - 查看网页源代码 找到类似代码:(纯数字处是你微信号唯一id) window.wx.uin = "2394001 ...

  7. html导航栏代码跳转,微信小程序自定义底部导航栏tabBar(含跳转页面wx.navigateTo)...

    一.app.json配置 这里配置 {"pages": ["pages/usersLists/usersLists","pages/addMember ...

  8. 最近很火的微信空白朋友圈发布教程!安卓、苹果通用!

    各位小伙伴,晚上好啊!已经一个月没有更新了,这篇文章几天之前就要推送了,一直拖到现在,真是名副其实的"拖更王". 微信作为我们手机的必备App,我们的工作生活完全离不开它,而关于微 ...

  9. H5跳转微信公众号解决方案

    1.适用场景 适用H5跳转公众号的场景 2.跳转方案 微信内H5跳转 微信内可链接直接跳转公众号关注页. 登陆微信公众平台,F12打开浏览器控制台console输入wx.commonData.data ...

最新文章

  1. 吴恩达机器学习笔记21-正则化线性回归(Regularized Linear Regression)
  2. 【 FPGA 】总线实现形式之选择器
  3. [Codeforces 555E]Case of Computer Network(Tarjan求边-双连通分量+树上差分)
  4. Codeforces Round #263 (Div. 2) D. Appleman and Tree(树形DP)
  5. mysql 无论输入什么都是现实 not found_NotAPanda
  6. 【动态规划】矩阵链相乘 (ssl 1596)/能量项链 (ssl 2006)
  7. 湖北工程学院计算机宿舍,湖北工程学院宿舍条件,宿舍环境图片(10篇)
  8. 激活函数详解/为什么要用激活函数
  9. 集群、分布式、集中式、伪分布式的概念与区别
  10. eclipse上的maven,添加依赖后无法自动下载相应的jar包
  11. centos7 安装mysql_第02期:ClickHouse 单机部署以及从 MySQL 增量同步数据
  12. 连文件搜索都不会用,也不自己反省一下?
  13. VS 2008的64位编译环境的安装和使用
  14. 第二人生的源码分析(101)脚本的初步知识
  15. GRYZ 模 拟 赛 系 列 Xxy 的车厢调度
  16. linux拷贝文件前几行,Linux显示文件前几行、拷贝文件前几行、删除文件前几列...
  17. ping不通云服务器,ping不通云服务器是什么原因
  18. 利用Python turtle库制作夜空
  19. 【HCIP】BGP实验(联邦,路由反射器,手工汇总)
  20. PVZ系列六 | 僵尸动画转换

热门文章

  1. 关于顺序栈的退栈和入栈操作
  2. JavaScript开发工具大全 1
  3. 输入验证码投票功能的实现
  4. 支付宝摘下客服界的“奥斯卡”奖 支付宝的D+服务厉害在哪?
  5. 字体: 字体平滑,反锯齿,和次像素渲染(收集)
  6. Nginx 部署前端项目dist文件
  7. bacchikoi2 android,Bacchikoisc2
  8. c语言编译四个步骤,gcc编译的四个步骤
  9. 安装 wine QQ 最新版本的方法
  10. 前后端分离以及vue框架的介绍