disableHostCheck: true
通过 userAgent 判断
// 判断是否是微信环境
function getIsWxClient() {
var ua = navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i) == "micromessenger") {
return true;
}
return false;
}
通过 WeixinJSBridge 判断(推荐)
// 需要在JS-SDK加载之后判断
function getIsWxClient() {
if (typeof WeixinJSBridge !== "undefined") {
return true;
} else {
return false;
}
}
微信内网页不可使用 local/sessionStorage 储存,因为它只是一个 webview 组件,并不是一个浏览器。 但是我们可以使用 cookie 储存的方式
参考:关于微信中的 localStorage 及使用 cookie 的解决方案:https://my.oschina.net/crazymus/blog/425650
方法:
//设置cookie
function setCookie(c_name, value, expiredays) {
var exdate = new Date();
exdate.setDate(exdate.getDate() + expiredays);
document.cookie =
c_name +
"=" +
escape(value) +
(expiredays == null ? "" : ";expires=" + exdate.toGMTString());
}
//取回cookie
function getCookie(c_name) {
if (document.cookie.length > 0) {
let c_start = document.cookie.indexOf(c_name + "=");
if (c_start != -1) {
c_start = c_start + c_name.length + 1;
c_end = document.cookie.indexOf(";", c_start);
if (c_end == -1) c_end = document.cookie.length;
return unescape(document.cookie.substring(c_start, c_end));
}
}
return "";
}
同样的,也可以做登录状态保存。
在做移动端开发的时候,使用 new Date() 转换后台返回的格式时,在 chrome 之类浏览器和安卓手机上都显示正常,但是在 iOS 上显示 Invalid Date。 例如: new Date(“2020-05-25 11:11:11”).getTime()
正常情况下可以获取时间戳,但是在 iOS 端解析不了。
后来查找发现 iOS 只识别 yyyy/mm/dd
这类斜杠格式的日期。
解决办法:
freedomTime = freedomTime.replace(/-/g, "/");
new Date(freedomTime).getTime();
需要解决 iOS 和安卓的兼容,首先你的判断当前的设备类型,可以使用mobile-device-detect open in new window这个库来判断。
这五个问题可以在 微信 H5 页面前端开发,大多数人都会遇到的几个兼容性坑open in new window 中查看原因和解决方法