做项目碰到的一些安卓与苹果的不兼容,做个记录

默认字体

// 苹果手机默认字体为
font-family:simsun;
// 安卓和H5默认字体为
font-family: initial;

屏幕截图(html-to-image)

// 这里只做js部分(vue3使用)
	import * as htmlToImage from 'html-to-image';
	let imgcanvas = ref('') // 图片标签img的src指向
	const captureScreen =() => {
		// 截图的容器
		var target = document.querySelector('.container')
		setTimeout(async ()=>{
			// 下面的await在安卓和H5上,只需要执行一次,拿到地址即可
			// 在苹果设备上需要最低执行三次才能拿到地址渲染出完整图片(做项目遇到的坑,前两次均渲染不全)
			const dataUrl = await htmlToImage.toPng(target)
			const dataUrl2 = await htmlToImage.toPng(target)
			const dataUrl3 = await htmlToImage.toPng(target)
			const dataUrl4 = await htmlToImage.toPng(target)
			imgcanvas.value = dataUrl4  //(base64格式的图片地址)
		},100)
	};

微信浏览器自动播放音频(兼容Android和iOS)