qq打开网页时提示用浏览器打开html,微信QQ打开网页时提示用浏览器打开

微信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) ==