移动端在ios上以及微信浏览器上的兼容性

1、document、以及window、body在移动h5不能触发点击事件

　　解决方法：给body加上cursor: pointer;就可以有点击事件了。

　　ios上默认的body是没有点击事件的；

　　接着在微信端又不能打开了、那么需要在js里面加上以下代码
　　$(‘body>*‘).bind(‘click‘,function){

　　　　aler();

　　}

原文地址：https://www.cnblogs.com/MrQinjj/p/12102510.html

时间： 2024-12-29 11:37:39

移动端在ios上以及微信浏览器上的兼容性的相关文章

解决UC浏览器或微信浏览器上flex兼容问题

在UC浏览器上使用display:flex;时会不起作用,要加上兼容性写法,如下 display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */

ios与安卓微信浏览器背景底色不同的问题

ios微信内置浏览器默认是白色背景底色:而安卓机微信内置浏览器默认是灰色背景底色.底色不同导致h5页面在不同机型的微信浏览器内打开,显示效果不同.如何兼容? <template> <div class="index" id="index"> ... </div> </template> <script> export default{ data(){ return{} }, mounted(){ docum

js网页判断移动终端浏览器版本信息是安卓还是苹果ios,判断在微信浏览器跳转不同页面,生成二维码

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>移动终端浏览器版本信息</title> </head> <body> <script type="text/javascript"> var browser = { versions: function () { var u = naviga

微信浏览器取消缓存的方法

做微信公众号和调试手机页面的时候,避免不了页面要跳转到微信浏览器打开,调试阶段,android版微信浏览器一直都默认缓存html静态资源,每次静态资源变化甚至新内容发布的时候在微信浏览器上都极有可能不能更新,很多时候要清理微信缓存才能看到效果,很是烦人.部分客户装了QQ浏览器,微信实际调用的是QQ浏览器,有时候甚至光清理微信缓存都无效,QQ浏览器的缓存也要清. 经过一番探索微信浏览器确实是在webview的上层做的缓存:就是如果请求过了这个地址,就会存在本地,之后不取线上了. 解决方案是在调试阶

C#判断用户是否使用微信浏览器，并据此来显示真实内容或二维码

平时我们看一些网页的时候会发现这样的功能:有的页面只能在微信里访问,如果在电脑上访问就只显示当前地址的二维码.这个用C#怎么实现呢?我们结合代码来看看. 首先,我们需要先判断用户使用的是什么浏览器,这需要用到 Request.UserAgent 属性,通过捕捉微信浏览器和普通浏览器的UserAgent会发现它们的区别,下面是几款常用浏览器的UserAgent: 微信浏览器:Mozilla/5.0(Linux;U;Android 4.4.2;zh-cn;2013022 Build/HM201302

关于苹果手机中，微信浏览器下拉弹动的解决

/*ios微信浏览器上下滚动兼容性问题解决 end*/$(function () {//DOM文档加载完执行 wxScrollSolve(document.querySelector('.MainCon'));});function wxScrollSolve(scrollWrapObj) {//Scrollobj要滚动的内容外部包裹的容器对象 if(scrollWrapObj==""||scrollWrapObj==undefined||scrollWrapObj==null){ r

微信浏览器自带的返回上一页的停留位置 scrollTop

我们做过微信的应该都知道,微信自带的返回上一页,就是重新打开页面.并不是返回历史页面.我们PC端的浏览器是返回历史页面.点击返回页面之后上一个页面的scrollTop还是之前没有进入新页面的位置. 我看了下京东的微信网站.果然和我想到的方法一样.利用sessionStorage HTML5本地存储进行存储位置scrollTop以及加载了多少次ajax次数微信返回上一页(当前页面)之后.就会onload一下.设置最后一次scrollTop的值.以及一次性通过ajax传递之前加载的次数size

当video遇上微信浏览器

video在微信浏览器中的一些问题及解决方案最近在做微信浏览器中的页面,由于客户需要常常需要内嵌或全屏播放视频.但是在实现过程中问题却是常有常新的. 1.html书写这是最近做的一个全屏播放的案例(视频是竖版的),html代码如下: <video id="video" src="http://yili.yowoworld.com/haier1213/video1.mp4" poster="http://yili.yowoworld.com/hai

在iOS微信浏览器中自动播放HTML5 audio(音乐)的2种正确方式

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"