webapp填坑记

iPhone 软键盘将文档顶了上去

mobileTech
A useful tools or tips list for mobile web application developing
移动端fixed和input获取焦点软键盘弹出影响定位的问题

比如头部有个搜索框，进入当前页面获得焦点后，软键盘就会弹出来，这个时候，搜索框就会被顶上去，不可见，整个页面出现滚动条。搜索了半天在知乎上看到一条答案：scrollIntoView()去解决，因为软键盘是在获取焦点后出现的，所以所以在一定的时间内不对执行scrollIntoView，

 var header = document.getElementsByClassName("search-topic-header")[0];
 this.interval = setInterval(() => {
     // header.scrollTop = 0;不顶用
     header.scrollIntoView();
 }, 100)

移动web页面，input获取焦点弹出系统虚拟键盘时，挡住input，求解决方案？

安卓手机返回键不能合理返回

无论安卓手机或者浏览器的返回键，返回的都是上次打开的页面，而页面头部的返回键是用router.push()返回到指定的页面，要想安卓自带的返回键也实现相同的效果，就需要监听手机的返回键，目前好像做不到。下面有个库貌似可以

从网页监听Android设备的返回键

iphone6 ios 8.3 不支持Object.assign

chrome 的remote debugger在安卓上很好用，可是在iOS上用不了，但是可以使用Safari,iOS Remote Debugging，这个还没尝试过，用了一个国人开发的库spy-debugger remote debug非常方便，mac和Windows都支持，发现了如下的错误

项目是babel构建的，babel没有将一些函数装转成ES5，
阮一峰的 Babel 入门教程
解决办法：
$ npm install --save babel-polyfill
代码头部引入：
`
import 'babel-polyfill';
// 或者
require('babel-polyfill');

ios8.3 不支持flex布局

即使使用了autoprefixer也不支持flex

ios里调用带有搜索按钮的软键盘

刚开始我用外面没有套form标签，采用ajax搜索数据，功能可以实现，但是安卓的键盘显示的是“前往”按钮，iOS的键盘显示的是“换行”按钮，并不是常见的“搜索”按钮，所以参考了怎么设置h5移动端的搜索键盘？这里，这样安卓和iOS的搜索按钮都有了，可是问题来了，点击搜索按钮，URL会更新，页面也就刷新了，这不是我想要的，我要的是ajax请求，想着应该是默认的表单被提交了，那么就要阻止表单的默认提交，我获取数据是通过onkeyup事件，结合vue的写法,

 @submit.prevent.stop="onSubmit"

这样页面就不刷新了

IOS input text readonly 任然能够获取焦点，光标依然存在

ios input 添加 readonly unselectable="on" 属性，光标依旧还在，怎么清除光标