海报页
刀刀
0字
0分钟
2026/8/16
浏览器判断
海报页提供使用者下载软件的功能，但微信内置浏览器会有一点问题，因此需要添加一个判断，如果当前用户打开的是微信内置浏览器，则显示一个蒙版，阻止用户操作并提示其打开其他浏览器。 navigator.userAgent：浏览器用于 HTTP 请求的用户代理头的值，通过 UserAgent 可以取得浏览器类别、版本，客户端操作系统等信息。
在 PC 端打开，
navigator.userAgent显示如下jsMozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.110 Safari/537.36`在手机 web 端打开，
navigator.userAgent显示如下jsMozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/11.0 Mobile/15A372 Safari/604.1
总体代码如下所示：
javascript
window.addEventListener('load', () => {
var ua = navigator.userAgent
let weixin = document.querySelector('.isWeixin')
// 判断是否是微信内置的浏览器
console.log('ua', ua)
if (ua.indexOf('MicroMessenger') !== -1) {
// 用户使用的是微信内置浏览器
weixin.style.display = 'block'
} else {
weixin.style.display = 'none'
}
})缓存清除
现在项目成功上架安卓和苹果商店后，需要通过接口动态获取最新版本下载数据。但是由于有缓存，导致每次获取的版本都不是最新的。因此需要添加以下的代码到 index.html 文件中，禁止从缓存获取数据，通过服务器获取数据。代码如下：
html
<!-- 不允许从缓存中读取加载页面，意味着只能从服务器加载 -->
<meta http-equiv="Pragma" content="no-cache" />
<!-- 和上一句类似 -->
<meta http-equiv="no-cache" />
<!-- 页面直接过期，过期了也就意味着只能重新加载 -->
<meta http-equiv="Expires" content="-1" />
<!-- 向服务器请求加载时不要求缓存 -->
<meta http-equiv="Cache-Control" content="no-cache" />贡献者
duyidao 刀刀
laowang
v_duyilin
Orange
平安喜乐