![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
内嵌H5兼容
Stavin Li
许一人之偏爱,尽余生之慷慨。
展开
-
IOS端首次点击页面或元素,页面晃动
添加 css {outline: none}原创 2021-08-26 17:20:15 · 401 阅读 · 0 评论 -
iPhoneX 安全区域 safe-area-inset-*样式不生效
iPhoneX 安全区域 safe-area-inset-*样式不生效解决办法: 添加 meta name="viewport" 中增加viewport-fit=cover内容<meta name="viewport" id="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, viewport-fit=cover">...原创 2021-08-26 17:15:41 · 5879 阅读 · 0 评论 -
H5禁止ios页面拉动反弹
.box{ position: fixed; top: 0; bottom: 0; width: 100vw height: 100vh; overflow: scroll; &::-webkit-scrollbar {//隐藏滚动条 display:none; width:0; height: 0; }}原创 2021-07-07 11:02:00 · 2091 阅读 · 0 评论 -
IOS不支持canplay、canplaythrough
问题:在ios端运行,发现并未执行canplay事件代码如下const audio = new Audio()audio.src = urlaudio.addEventListener('canplay', () => { alert(1)})解决办法:在代码块中加入下面这行代码audio.load()原创 2021-01-20 11:14:45 · 2973 阅读 · 3 评论 -
js调用原生方法
//shareInfo 原生方法名var obj = {}if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { window.webkit.messageHandlers.shareInfo.postMessage(JSON.stringify(obj)); //调用ios方法} else if (/(Android)/i.test(navigator.userAgent)) { window.android.shareIn原创 2020-08-11 16:26:20 · 1520 阅读 · 0 评论 -
vue 子组件 ios端不显示图片
解决办法:<figure class="no_data"><img src="@/assets/images/no_data.png" width="100%"></figure>原创 2019-12-03 10:46:34 · 827 阅读 · 0 评论 -
ios低版本 不支持 vuex mapState
<loading v-show="loadingVisible"></loading>import { mapState } from 'vuex'computed: { ...mapState(['loadingVisible', 'alertInfo'])}改为<loading v-show="$store.state.loadingVisible"...原创 2019-11-27 18:09:24 · 523 阅读 · 0 评论 -
ios内嵌h5报错 unhandled promise rejecion typeError
发生条件:vue + vuex低版本苹果系统10.3.2苹果内嵌vue H5页面通过eruda捕获错误unhandled promise rejecion typeError发生原因:实现 axios loading效果代码如下let requestNum = 0;function startLoad(){ if (requestNum === 0) { ...原创 2019-11-27 17:22:23 · 684 阅读 · 0 评论 -
内嵌H5解决滚动穿透
解决办法.hidden { position: fixed;}var topNum;function onShow(){ topNum = $("body").scrollTop() $("body").addClass("hidden"); $(".dialog").show();}function onHide(){ $(".dialog").hide...原创 2019-11-16 19:18:09 · 710 阅读 · 0 评论 -
input 在IOS设置 readonly,光标依然停留
解决办法: input 增加以下属性onfocus="this.blur();原创 2019-11-16 19:13:50 · 485 阅读 · 0 评论 -
微信小程序app嵌套H5页面,部分苹果手机点击输入框导致页面被顶起,按钮不灵敏
解决办法: scrollTop原创 2019-06-22 03:02:47 · 3050 阅读 · 0 评论