iPhone 軟鍵盤將文檔頂了上去
mobileTech
A useful tools or tips list for mobile web application developing
移動端fixed和input獲取焦點軟鍵盤彈出影響定位的問題
比如頭部有個搜索框溶耘，進入當前頁面獲得焦點后，軟鍵盤就會彈出來，這個時候雨涛，搜索框就會被頂上去，不可見，整個頁面出現(xiàn)滾動條职抡。搜索了半天在知乎上看到 一條答案：scrollIntoView()去解決，因為軟鍵盤是在獲取焦點后出現(xiàn)的硫椰，所以所以在一定的時間內(nèi)不對執(zhí)行scrollIntoView繁调，
var header = document.getElementsByClassName("search-topic-header")[0];
this.interval = setInterval(() => {
// header.scrollTop = 0;不頂用
header.scrollIntoView();
}, 100)
安卓手機返回鍵不能合理返回
無論安卓手機或者瀏覽器的返回鍵奕翔，返回的都是上次打開的頁面裕寨，而頁面頭部的返回鍵是用router.push()返回到指定的頁面，要想安卓自帶的返回鍵也實現(xiàn)相同的效果派继，就需要監(jiān)聽手機的返回鍵宾袜，目前好像做不到。下面有個庫貌似可以
iphone6 ios 8.3 不支持Object.assign
chrome 的remote debugger在安卓上很好用驾窟，可是在iOS上用不了庆猫，但是可以使用Safari,iOS Remote Debugging，這個還沒嘗試過绅络，用了一個國人開發(fā)的庫spy-debugger remote debug非常方便月培，mac和Windows都支持，發(fā)現(xiàn)了如下的錯誤
項目是babel構(gòu)建的恩急，babel沒有將一些函數(shù)裝轉(zhuǎn)成ES5杉畜，
阮一峰 的 Babel 入門教程
解決辦法：
$ npm install --save babel-polyfill代碼頭部引入：
`
import 'babel-polyfill';
// 或者
require('babel-polyfill');
ios8.3 不支持flex布局
即使使用了autoprefixer也不支持flex
ios里調(diào)用帶有搜索按鈕的軟鍵盤
剛開始我用<input type="text" /> 外面沒有套form標簽，采用ajax搜索數(shù)據(jù)衷恭，功能可以實現(xiàn)此叠，但是安卓的鍵盤顯示的是“前往”按鈕，iOS的鍵盤顯示的是“換行”按鈕随珠，并不是常見的“搜索”按鈕灭袁，所以參考了怎么設置h5移動端的搜索鍵盤？這里窗看，這樣安卓和iOS的搜索按鈕都有了简卧，可是問題來了，點擊搜索按鈕烤芦，URL會更新，頁面也就刷新了析校，這不是我想要的构罗，我要的是ajax請求铜涉，想著應該是默認的表單被提交了，那么就要阻止表單的默認提交遂唧，我獲取數(shù)據(jù)是通過onkeyup事件芙代，結(jié)合vue的寫法,
@submit.prevent.stop="onSubmit"
這樣頁面就不刷新了
IOS input text readonly 任然能夠獲取焦點，光標依然存在
ios input 添加 readonly unselectable="on" 屬性盖彭，光標依舊還在纹烹，怎么清除光標
