qq_34927733的博客

在IOS新版本15.0及以上，使用canvas或html2canvas生成海报时，字体使用-apple-system，会导致海报生成失败（并且会导致页面一直重新加载），页面也没有报错，排查该问题比较麻烦（只能通过代码一块一块放开来定位bug的根因）。解决方案：就是将字体-apple-system去除即可。...

方法一：微信开发者工具方法二：1、正常访问会提示请在微信上打开2、我们可以用一些抓包工具（Charles等），抓微信端（移动端微信/pc端微信都可以）访问该页面时携带的cookie信息3、修改浏览器的cookie信息，将抓包到的cookie信息填入到浏览器cookie中去，这样页面就能在pc访问，然后就可以开心的调试了...

移动端因键盘引起的页面异常如下：解决方案如下：// 优化移动端键盘收起时页面没能恢复原状的问题let inputs = document.getElementsByTagName('input');let timer = null;for (let input of inputs) { input.addEventListener('blur', function() {...

移动前端开发之 viewport 的深入理解在移动端设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的 viewport 了，只有明白了 viewport 的概念以及弄清楚了跟 viewport 有关的 meta 标签的使用，才能更好地让我们的网页适配不同分辨率的移动设备。一、viewport 的概念通俗地讲，移动设备上的 viewport 就是设备的屏幕上能用来显示我们的网页...

移动端视频默认全屏播放，用户可点击视频自带退出全屏按钮来退出全屏。当我们想在用户点击退出全屏时，顺便关闭视频，这时就要用到监听视频退出全屏事件。示例：<div id="ctn" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 10;"> &...