h5页面请在微信客户端打开链接_请在微信客户端打开链接 html

1 前言

有时候，需要链接只能在微信上打开，如果不是，则提示请在微信客户端打开链接的字眼的网页，网页代码如下：(这个是网页应用授权时，非微信上打开，就会出现，然后把它单独拿出来了)

2 代码

var ua = navigator.userAgent.toLowerCase();

var isWeixin = ua.indexOf('micromessenger') != -1;

var isAndroid = ua.indexOf('android') != -1;

var isIos = (ua.indexOf('iphone') != -1) || (ua.indexOf('ipad') != -1);

if (!isWeixin) {

document.head.innerHTML = '

抱歉，出错了';

document.body.innerHTML = '

请在微信客户端打开链接

}

3 效果图

4 原理

出现这个网页的判定，其实也非常简单，只需要判定header中的user-agent的信息(navigator.userAgent.toLowerCase())即可。

5 小结

就是记录下来，以备后用。

h5页面请在微信客户端打开链接_请在微信客户端打开链接 html相关推荐

HTML文件总是WPS打开,设置wps默认打开方式_设置默认使用WPS打开文件
今天有个客户问我,为什么我双击xls文件不能直接用WPS打开,我直接帮他远程调试,发现他wps没有关联默认文件格式. 下面我就教大家如何设置WPS默认打开方式. 测试环境:windows 7 64位 ...
android 加载h5页面部分机型滑动卡顿回弹_网易爆款H5 的交互方法参考
在早些年,H5其实更像是手机上的PPT,只支持点击.滑动这些基础手势操作.以内容展示为主,交互形式为辅. 但到了今天,H5的玩法已经有了质的突破.不仅交互形式超多,形式与内容也能紧密结合,产生1+1大 ...
h5页面笔按下默认是拖动_屡屡刷屏的长页面H5原来是这样诞生的
昨天整理资料的时候,突然翻到了很早之前做的一个H5.看着那久远的日期,我不禁沉醉在假想的美好回忆中并沾沾自喜.然而,当我打开这个作品的时候--这是什么东西?!这是想气死谁?!不说那五颜六色的标题.时大 ...
微信小程序怎么弄成链接_教你设置小程序链接地址
在轻应用小程序中设置链接地址可以实现页面的跳转,带用户轻松去往各个页面.其中,能够设置链接的元素丰富多彩,比方说图片.文字等,设置链接的类型究竟有哪些,怎么设置呢?下面听小编娓娓道来. 小程序里面为用 ...
h5页面套壳在苹果手机上卡_手机壳，保护套，皮肤和保护套有什么区别？
h5页面套壳在苹果手机上卡 Kidsada Manchinda/Shutterstock Kidsada Manchinda /快门 Everyone has a mobile phone, but ...
微信气泡主题设置_华为手机微信怎么设置气泡？怎样改微信的气泡和主题
华为手机微信怎么设置气泡? 首先,微信的聊天气泡不像QQ,官方版的微信客户端,自身是没有聊天气泡可以更换的,如果要添加需要下载其他的软件应用. 下面以"变变聊天气泡"这款软件为例, ...
php 给图片添加链接_【dreamweaver给图片添加链接】用dreamweaver 怎样给图片局部地区添加超链接？...
dreamweaver给图片添加链接教程: 1.打开Dreamweaver.如果尚未打开一个现有文件或定义一个新站点并创建一个新HTML文件,请执行以下操作. 2.创建新的HTML文件时,Dreamw ...
w10系统excel无法启动服务器,w10excel无法打开怎么办_解决win10系统无法打开excel的方法...
win10精简版系统时出现了excel打不开无法使用的情况,那碰到这种问题该怎么处理呢?可能有些用户不太清楚,没关系,下面小编就来切大家分享解决 1.首先要打开控制面板.按下win+s 打开搜索界面, ...
java文件默认打开方式_修改文件的默认打开方式（亲测有效）
今天遇到了一个问题,那就是没办法修改文件的默认打开方式,Windos10系统. 可能我稍微有点强迫症什么的,每次默认记事本打开,虽然也可也选择其他的应用打开,但就是没有直接双击打开的爽. 一百度才发现 ...
Java把长链接变成短链接_借助第三方，java长链接转短链接，IP域名同样支持
短信和微博中用到短链接,短链接的主要职责就是把原始链接很长的地址压缩成短链接地址,当点击这个链接后,又可以跳转到原始链接地址. package common.util; import java.uti ...

h5页面请在微信客户端打开链接_请在微信客户端打开链接 html

请在微信客户端打开链接

h5页面请在微信客户端打开链接_请在微信客户端打开链接 html相关推荐

最新文章

热门文章

h5页面 请在微信客户端打开链接_请在微信客户端打开链接 html

请在微信客户端打开链接

h5页面 请在微信客户端打开链接_请在微信客户端打开链接 html相关推荐

最新文章

热门文章

h5页面请在微信客户端打开链接_请在微信客户端打开链接 html

h5页面请在微信客户端打开链接_请在微信客户端打开链接 html相关推荐