iPhone 軟鍵盤(pán)將文檔頂了上去
mobileTech
A useful tools or tips list for mobile web application developing
移動(dòng)端fixed和input獲取焦點(diǎn)軟鍵盤(pán)彈出影響定位的問(wèn)題
比如頭部有個(gè)搜索框，進(jìn)入當(dāng)前頁(yè)面獲得焦點(diǎn)后，軟鍵盤(pán)就會(huì)彈出來(lái)，這個(gè)時(shí)候，搜索框就會(huì)被頂上去，不可見(jiàn)，整個(gè)頁(yè)面出現(xiàn)滾動(dòng)條。搜索了半天在知乎上看到 一條答案：scrollIntoView()去解決，因?yàn)檐涙I盤(pán)是在獲取焦點(diǎn)后出現(xiàn)的，所以所以在一定的時(shí)間內(nèi)不對(duì)執(zhí)行scrollIntoView，
var header = document.getElementsByClassName("search-topic-header")[0];
this.interval = setInterval(() => {
// header.scrollTop = 0;不頂用
header.scrollIntoView();
}, 100)
移動(dòng)web頁(yè)面，input獲取焦點(diǎn)彈出系統(tǒng)虛擬鍵盤(pán)時(shí)，擋住input，求解決方案？
安卓手機(jī)返回鍵不能合理返回
無(wú)論安卓手機(jī)或者瀏覽器的返回鍵，返回的都是上次打開(kāi)的頁(yè)面，而頁(yè)面頭部的返回鍵是用router.push()返回到指定的頁(yè)面，要想安卓自帶的返回鍵也實(shí)現(xiàn)相同的效果，就需要監(jiān)聽(tīng)手機(jī)的返回鍵，目前好像做不到。下面有個(gè)庫(kù)貌似可以
iphone6 ios 8.3 不支持Object.assign
chrome 的remote debugger在安卓上很好用，可是在iOS上用不了，但是可以使用Safari,iOS Remote Debugging，這個(gè)還沒(méi)嘗試過(guò)，用了一個(gè)國(guó)人開(kāi)發(fā)的庫(kù)spy-debugger remote debug非常方便，mac和Windows都支持，發(fā)現(xiàn)了如下的錯(cuò)誤
項(xiàng)目是babel構(gòu)建的，babel沒(méi)有將一些函數(shù)裝轉(zhuǎn)成ES5，
阮一峰 的 Babel 入門(mén)教程
解決辦法：
$ npm install --save babel-polyfill代碼頭部引入：
`
import 'babel-polyfill';
// 或者
require('babel-polyfill');
ios8.3 不支持flex布局
即使使用了autoprefixer也不支持flex
ios里調(diào)用帶有搜索按鈕的軟鍵盤(pán)
剛開(kāi)始我用<input type="text" /> 外面沒(méi)有套form標(biāo)簽，采用ajax搜索數(shù)據(jù)，功能可以實(shí)現(xiàn)，但是安卓的鍵盤(pán)顯示的是“前往”按鈕，iOS的鍵盤(pán)顯示的是“換行”按鈕，并不是常見(jiàn)的“搜索”按鈕，所以參考了怎么設(shè)置h5移動(dòng)端的搜索鍵盤(pán)？這里，這樣安卓和iOS的搜索按鈕都有了，可是問(wèn)題來(lái)了，點(diǎn)擊搜索按鈕，URL會(huì)更新，頁(yè)面也就刷新了，這不是我想要的，我要的是ajax請(qǐng)求，想著應(yīng)該是默認(rèn)的表單被提交了，那么就要阻止表單的默認(rèn)提交，我獲取數(shù)據(jù)是通過(guò)onkeyup事件，結(jié)合vue的寫(xiě)法,
@submit.prevent.stop="onSubmit"
這樣頁(yè)面就不刷新了
IOS input text readonly 任然能夠獲取焦點(diǎn)，光標(biāo)依然存在
ios input 添加 readonly unselectable="on" 屬性，光標(biāo)依舊還在，怎么清除光標(biāo)
