随笔分类 - 移动端/app内嵌H5
摘要：直接解决办法： 如果元素的高度是用100%表示，那么，安卓的键盘弹出时，高度会发生变化，导致布局混乱，所以最好给高度设置像素高度 $("html,body").height(window.innerHeight); 或者 document.body.querySelector("#main").st
阅读全文
摘要：切换到移动模拟模式，并点击按钮，查看控制台。 发现click没有事件没有触发，而touch事件依然触发。 解决办法： 对于移动端我们使用css来禁止按钮，达到disable的效果: 对，就是这个神奇的pointer-events属性！回忆一下，很早前就看到过这个属性，不过当时并没有进入到移动端的开发
阅读全文
摘要：手机浏览器是基于什么内核？ 如果细分的话，目前全球仅有四个独立的浏览器内核: 1. 微软IE的Trident 2. 网景最初研发后卖给Mozilla基金会并演化成火狐的Gecko 3. KDE的开源内核Webkit 4. Opera(欧朋)的Presto(其中，Presto是历史最悠久的内核) 目前
阅读全文
摘要：前言 最近一段时间在做 H5 聊天项目，踩过其中一大坑：输入框获取焦点，软键盘弹起，要求输入框吸附（或顶）在输入法框上。需求很明确，看似很简单，其实不然。从实验过一些机型上看，发现主要存在以下问题： 在 Android 和 IOS 上，获知软键盘弹起和收起状态存在差异，且页面 webview 表现不
阅读全文
摘要：前言 其实我们不管是从ios还是安卓都可以看出 原生app能内嵌H5的原因是因为有了webview这个app内嵌浏览器视图，从而使得我们可以开发html然后加载到app中（原理几乎跟pc端请求、加载、渲染是一样的），一般的当我们将h5开发好后就可以有两种方式请求到原生app中，一个是将html代码放
阅读全文
摘要：pc移动端适配 1、pc端页面在移动端显示，默认视口宽度是980px（也就是body宽度是980px），可通过meta标签设置为需要的尺寸，比如页面中元素最大宽度是1220px，则如下所示 <meta name="viewport" content="width=1220"> 2、如果不想让页面有水
阅读全文
摘要：本文出自：http://www.cnblogs.com/joshua317/p/6163471.html 在移动wap中，经常会使用window.location.href去跳转页面，这个方法在绝大多数浏览器中都不会 存在问题，但早上测试的同学会提出了一个bug：在安卓手机的微信自带浏览器中，这个是
阅读全文
摘要：测试地址： http://wap.qzboss.com
阅读全文
摘要：js的touch事件，一般用于移动端的触屏滑动 代码如下: $(function(){ document.addEventListener("touchmove", _touch, false); }) function _touch(event){alert(1);} event对象 touchs
阅读全文
