移動端開發(fā)踩過的坑

1.min-height的繼承問題

這不是一個h5的問題馋袜,但是也是在這次中正好遇到的黔攒。
你也許會給一個元素一個 min-height趁啸,然后你會發(fā)現(xiàn)他的子元素在大部分瀏覽器——而且是現(xiàn)代瀏覽器——卻不能再繼承它了。
也就是父子元素都用了min-height:100%督惰,子元素會得不到預(yù)期的高度不傅。
你也有很多種解決方法,比如在用min-height:100%的同時加一個 height:1px赏胚,或者用js動態(tài)的去加访娶。
但是前者當你元素本身存在overflow:hidden的時候,會抵消到滾動條栅哀,后者有效率問題震肮,而且會閃一下称龙。
所以我推薦另一種方法,當你不用去顧慮低版本瀏覽器戳晌,比如在h5上面時鲫尊。
把父元素的display設(shè)定為table,子元素的當然是設(shè)定為table-cell沦偎。 這樣子元素就會自動填充滿父元素疫向,而父元素你就可以正常的用min-height了。

2.click事件豪嚎,模擬器上都沒問題搔驼,但是手機上就是不觸發(fā)

也許是為了性能考慮吧,手機上不會去主動的監(jiān)聽click之類的事件侈询,你需要在監(jiān)聽的dom上css舌涨,cursor:pointer

3.瀏覽器后退不刷新

這種情況是以前遇到的,這里也再說一下扔字。
主要會發(fā)生在webview里多一點囊嘉。當你點擊后退時候,頁面是以緩存形式出現(xiàn)的革为,而不是刷新后的扭粱。很多情況下這不是你預(yù)期的效果。
解決方法是用js:

window.onpageshow =function(evt){
// If persisted then it is in the page cache, force a reload of the page.
  if(evt.persisted){ 
     document.body.style.display ="none";
     location.reload();
  }
};

onpageshow每次頁面加載都會觸發(fā)震檩,無論是從緩存中加載還是正常加載琢蛤。這是他和onload的區(qū)別
persisted判斷頁面是否從緩存中讀出,利用這兩個屬性就可以很好地完成我們的要求抛虏。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末博其,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子嘉蕾,更是在濱河造成了極大的恐慌贺奠,老刑警劉巖霜旧,帶你破解...
    沈念sama閱讀 223,002評論 6 519
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件错忱,死亡現(xiàn)場離奇詭異,居然都是意外死亡挂据,警方通過查閱死者的電腦和手機以清,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,357評論 3 400
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來崎逃,“玉大人掷倔,你說我怎么就攤上這事「錾埽” “怎么了勒葱?”我有些...
    開封第一講書人閱讀 169,787評論 0 365
  • 文/不壞的土叔 我叫張陵浪汪,是天一觀的道長。 經(jīng)常有香客問我凛虽,道長死遭,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,237評論 1 300
  • 正文 為了忘掉前任凯旋,我火速辦了婚禮呀潭,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘至非。我一直安慰自己钠署,他們只是感情好,可當我...
    茶點故事閱讀 69,237評論 6 398
  • 文/花漫 我一把揭開白布荒椭。 她就那樣靜靜地躺著谐鼎,像睡著了一般。 火紅的嫁衣襯著肌膚如雪趣惠。 梳的紋絲不亂的頭發(fā)上该面,一...
    開封第一講書人閱讀 52,821評論 1 314
  • 那天,我揣著相機與錄音信卡,去河邊找鬼隔缀。 笑死,一個胖子當著我的面吹牛傍菇,可吹牛的內(nèi)容都是我干的猾瘸。 我是一名探鬼主播,決...
    沈念sama閱讀 41,236評論 3 424
  • 文/蒼蘭香墨 我猛地睜開眼丢习,長吁一口氣:“原來是場噩夢啊……” “哼牵触!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起咐低,我...
    開封第一講書人閱讀 40,196評論 0 277
  • 序言:老撾萬榮一對情侶失蹤揽思,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后见擦,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體钉汗,經(jīng)...
    沈念sama閱讀 46,716評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,794評論 3 343
  • 正文 我和宋清朗相戀三年鲤屡,在試婚紗的時候發(fā)現(xiàn)自己被綠了损痰。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,928評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡酒来,死狀恐怖卢未,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤辽社,帶...
    沈念sama閱讀 36,583評論 5 351
  • 正文 年R本政府宣布伟墙,位于F島的核電站,受9級特大地震影響滴铅,放射性物質(zhì)發(fā)生泄漏远荠。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 42,264評論 3 336
  • 文/蒙蒙 一失息、第九天 我趴在偏房一處隱蔽的房頂上張望譬淳。 院中可真熱鬧,春花似錦盹兢、人聲如沸邻梆。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,755評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽浦妄。三九已至,卻和暖如春见芹,著一層夾襖步出監(jiān)牢的瞬間剂娄,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,869評論 1 274
  • 我被黑心中介騙來泰國打工玄呛, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留阅懦,地道東北人。 一個月前我還...
    沈念sama閱讀 49,378評論 3 379
  • 正文 我出身青樓徘铝,卻偏偏與公主長得像耳胎,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子惕它,可洞房花燭夜當晚...
    茶點故事閱讀 45,937評論 2 361

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案怕午? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽?zāi)J的外補...
    _Yfling閱讀 13,762評論 1 92
  • 一:在制作一個Web應(yīng)用或Web站點的過程中,你是如何考慮他的UI淹魄、安全性郁惜、高性能、SEO甲锡、可維護性以及技術(shù)因素的...
    Arno_z閱讀 1,177評論 0 1
  • 千年的蘆花悠悠地飄 文/岠山劍客 (本文為系列作品“跑步遇到詩”內(nèi)容之一兆蕉,更多跑步遇到詩請點擊:跑步遇到詩目錄) ...
    岠山劍客閱讀 160評論 4 8
  • 1 艾薇是我初中同學(xué)疚俱,多年未見,有天我開車經(jīng)過淳化街的時候等紅綠燈缩多,我東張西望突然看到了在站臺上有個很面熟的面孔呆奕,...
    白卷兒閱讀 917評論 1 3