admin管理员组文章数量:1571974
微信QQ打开网页时提示用浏览器打开
一,需求分析
1.1,使用微信或QQ打开网址时,无法在微信或QQ内打开常用下载软件,手机APP等。故此需要在微信qq里提示
二,功能实现
2.1 html实现
请点击右上角
选择"浏览器中打开"
2.2 css实现
* {
margin:;
padding:;
}
#weixin-tip-box {
display: none;
position: fixed;
right:;
top: 4px;
align-items: center;
}
.weixin-tip {
background: #40b2a8;
z-index:;
padding: 8px;
border-radius: 8px;
margin-right: 8px
}
.weixin-tip p {
text-align: center;
font-size: 14px;
color: #fff
}
.weixin-tip p.content {
text-align: center;
font-size: 14px
}
.triangle_border_up {
width:;
height:;
border-width: 0 6px 12px;
border-style: solid;
border-color: transparent transparent #40b2a8;
/*透明 透明 灰*/
margin-left: 114px
}
2.3 javascript实现
var is_weixin = (function () {
var ua = navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i) == "micromessenger") {//微信中打开网页
return true;
} else if (ua.match(/QQ/i) == "qq") {//qq里打开网页
return true;
} else {
return false;
}
})();
window.onload = function () {
//var winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight;
var tip = document.getElementById('weixin-tip-box');
if (is_weixin) {
tip.style.display = 'block';
return false;
}
}
2.4 实现效果
* {
margin: 0;
padding: 0;
}
#weixin-tip-box {
display: none;
position: fixed;
right: 0;
top: 4px;
align-items: center;
}
.weixin-tip {
background: #40b2a8;
z-index: 100;
padding: 8px;
border-radius: 8px;
margin-right: 8px
}
.weixin-tip p {
text-align: center;
font-size: 14px;
color: #fff
}
.weixin-tip p.content {
text-align: center;
font-size: 14px
}
.triangle_border_up {
width: 0;
height: 0;
border-width: 0 6px 12px;
border-style: solid;
border-color: transparent transparent #40b2a8;
/*透明 透明 灰*/
margin-left: 114px
}
app下载请点击右上角
选择"浏览器中打开"
var is_weixin = (function () {
var ua = navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i) == "micromessenger") {//微信中打开网页
return true;
} else if (ua.match(/QQ/i) == "qq") {//qq里打开网页
return true;
} else {
return true;
}
})();
window.onload = function () {
//var winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight;
var tip = document.getElementById('weixin-tip-box');
if (is_weixin) {
tip.style.display = 'block';
return false;
}
}
js判断移动端使用的系统平台
var u = navigator.userAgent;
if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {
//安卓手机
} else if (u.indexOf('iPhone') > -1) {
//苹果手机
} else if (u.indexOf('Windows Phone') > -1) {
//winphone手机
}
js判断访问网站的设备是否是PC
//平台、设备和操作系统
var system ={
win : false,
mac : false,
xll : false
};
//检测平台
var p = navigator.platform;
system.win = p.indexOf("Win") == 0;
system.mac = p.indexOf("Mac") == 0;
system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
//跳转语句
if(system.win||system.mac||system.xll){
alert("PC访问");
}else{
alert("非PC访问");
}
解决当打开Unity时 提示项目已经打开,而自己之前并没有打开过(可能之前异常关闭)的问题
当打开Unity时 提示项目已经打开,而自己之前并没有打开过(可能之前异常关闭) 发生这种情况时 打开项目目录中的 Temp文件夹,可以找到 一个 UnityLockfile 文件 将这个文件删除就可 ...
打开Excel时提示"您尝试打开的文件**.xls的格式与文件扩展名指定的格式不一致"
问题描述: 系统安装了WPS时,Analyzer导出excel时候,会提示"您尝试打开的文件**.xls的格式与文件扩展名指定的格式不一致",这是Excel的安全问题, ...
【原创】打开Excel时提示";您尝试打开的文件**.xls的格式与文件扩展名指定的格式不一致";
问题描述: 系统安装了WPS时,Analyzer导出excel时候,会提示"您尝试打开的文件**.xls的格式与文件扩展名指定的格式不一致",这是Excel的安全问题, ...
访问网页时提示的503错误信息在IIS中怎么设置
访问网页时提示的503错误信息在IIS中怎么设置 503是一种常见的HTTP状态码,出现此提示信息的原因是由于临时的服务器维护或者过载,服务器当前无法处理请求则导致了访问网页时出现了503错误.那么当 ...
Win2003打开网页时总是提示添加网址到信任站点的设置方法
在WIN2003系统中,我们打开网页,或打开网站,或浏览网页时,老是跳出一个窗口提示“添加网址到信任站点”,“网页老是提示添加信任”或“2003每打开一次网页都要加入受信任站点”或“win2003提示 ...
解决浏览器打开网页后提示“dns_probe_possible”的方法
使用浏览器浏览网页时偶尔会遇到无法上网且浏览器提示:DNS_PROBE_POSSIBLE 一般有三种情况会导致这样的故障: 1.网络协议出现故障,也就是常说的 DNS 设置问题 2.浏览器中设置问题, ...
微信内无法自动跳转外部浏览器打开H5分享链接的解决办法
很多情况下我们用微信分享转发H5链接的时候,都无法在微信内打开,即使开始能打开,过一段时间就会被拦截,拦截后再打开微信会提示 “已停止访问该网址” ,那么导致这个情况的因素有哪些呢,主要有以下四点 1 ...
随机推荐
Install NukeX v7.0v6 in CentOS 7
- download THE_FOUNDRY_NUKEX_V7.0V6_LNX64-XFORCE - unzip and untar to /home/user0/tools/foundry/nuke ...
SpringMVC 手动控制事务提交
描述 事务还是一个比较好的东东,有了这个,我们在做流程性的东西的时候,就会很好,很nice. 现在看看 SpringMVC 如何实现的,详细请看代码: 1.配置文件 applicationContex ...
HDU 3341 状态压缩DP+AC自动机
题目大意: 调整基因的顺序,希望使得最后得到的基因包含有最多的匹配串基因,使得所能达到的智商最高 这里很明显要用状态压缩当前AC自动机上点使用了基因的情况所能达到的最优状态 我最开始对于状态的保存是, ...
Jsonp post 跨域方案
近期在项目中遇到这样一问题,关于jsonp跨域问题,get传值是可以的,但post传值死活不行啊,于是网上看了一大堆关于这方面的资料,最终问题得以解决,今天抽空与大家分享下. 说明:http://ww ...
Java 常用排序算法实现--快速排序、插入排序、选择、冒泡
public class ArrayOperation { //二分查找算法 public static int branchSearch(int[] array, int searc ...
admin密码重置方式
1.在项目根目录下运行:python manage.py shell 2.重设密码 from django.contrib.auth.models import User user =User.obj ...
Actor-ES框架:Ray
并发 1. 并发和并行 并发:两个或多个任务在同一时间段内运行.关注点在任务分割. 并行:两个或多个任务在同一时刻同时运行.关注点在同时执行. 本文大多数情况下不会严格区分这两个概念,默认并发就是指并 ...
[java]配置java环境
为vscode配置Java环境 安装JDK 首先你需要安装一个JDK,这次我们以JDK1.8.0为例进行我们的笔记. 为JDK添加环境变量 你需要将JDK添加进环境变量,一般这一步安装过程中会自动为你 ...
Django Auth 专题
Django的标准库存放在 django.contrib 包中.每个子包都是一个独立的附加功能包. 这些子包一般是互相独立的,不过有些django.contrib子包需要依赖其他子包,其中django ...
很赞的idea教程
感谢: http://pan.baidu/s/1dDEaVxn
版权声明:本文标题:qq打开网页时提示用浏览器打开html,微信QQ打开网页时提示用浏览器打开 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/dongtai/1725796814a1043073.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论