禁止微信内置浏览器调整字体大小
来源:互联网 发布:ubuntu权限不够 编辑:程序博客网 时间:2024/05/17 04:24
禁止微信内置浏览器调整字体大小
微信webview内置了调整字体大小的功能,用户可以根据实际情况进行调节。
但是这也会导致字体大小改变以后,出现页面布局错乱的情况,目前iOS的解决方案是覆盖掉微信的样式:
body { /* IOS禁止微信调整字体大小 */ -webkit-text-size-adjust: 100% !important;}
安卓的解决方案是通过 WeixinJSBridge 对象将网页的字体大小设置为默认大小,并且重写设置字体大小的方法,让用户不能在该网页下设置字体大小:
/*
* android禁止微信浏览器调整字体大小
* 这种方法会导致网页延迟大约1S
*/
(function () {
if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
handleFontSize();
} else {
if (document.addEventListener) {
document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
} else if (document.attachEvent) {
document.attachEvent("WeixinJSBridgeReady", handleFontSize);
document.attachEvent("onWeixinJSBridgeReady", handleFontSize);
}
}
function handleFontSize() {
// 设置网页字体为默认大小
WeixinJSBridge.invoke('setFontSizeCallback', {
'fontSize': 0
});
// 重写设置网页字体大小的事件
WeixinJSBridge.on('menu:setfont', function () {
WeixinJSBridge.invoke('setFontSizeCallback', {
'fontSize': 0
});
});
}
})();
- 禁止微信内置浏览器调整字体大小
- 禁止微信内置浏览器调整字体大小
- 禁止微信浏览器调整字体
- 前端开发,怎样禁止微信内置浏览器的缓存?
- 禁用微信 webview 调整字体大小
- 微信内置浏览器判断
- 微信内置浏览器是什么?
- 区分微信内置浏览器
- 识别微信内置浏览器
- 微信内置浏览器分辨率
- 微信内置浏览器下载
- java微信浏览器禁止用户分享
- 微信浏览器内置JavaScript 对象:WeixinJSBridge
- 如何判断微信内置浏览器
- 微信浏览器内置JavaScript 对象:WeixinJSBridge
- 微信内置浏览器的JsAPI
- 微信内置浏览器的JsAPI
- 如何判断微信内置浏览器
- Elasticsearch聚合查询
- Java并发编程:线程池的使用
- Linux
- echarts图表动态获取后台数据详解(三)--ajax跨域请求
- 解引用指针的双重间接
- 禁止微信内置浏览器调整字体大小
- 从零开始学Python【1】--数据类型及结构
- IT风投
- Jmeter相关笔记
- Ubuntu下Django+Apache+mod_wsgi部署
- 20121221
- Spring Boot缓存实战 Redis + Caffeine 实现多级缓存
- Mac开发,NSMenu、NSMenuItem的简单使用
- 120. Triangle