總結(jié)幾個Angular2與ios wechat的問題

問題一:

ios微信表單填寫時鹅很,點擊之后表單被放大:

解決:在<meta>增加user-scalable:允許使用者縮放逃沿,1 or 0 (yes or no)

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

問題二:

ios微信返回時盛嘿,會從緩存直接加載舊頁面鹿鳖,有些事件不會再觸發(fā)俄讹,舊頁面一些標志也沒有重置惹想,會出現(xiàn)幾個組件重疊。

  • 解決:在二級頁面的生命周期的destroy周期森爽,放一個鍵值對到sessionstroage,返回是從sessionstroage中拿出這個值嚣镜,如果這個值存在爬迟,執(zhí)行reload()函數(shù)。
  • 另一種思路:
//通過pageshow事件決定是否需要刷新頁面
window.addEventListener('pageshow', function(e) {
    // 通過persisted屬性判斷是否存在 BF Cache
    if (e.persisted) {
        location.reload();
    }
});

問題三:

Angular-cli搭建種子工程無法在微信瀏覽器中打開菊匿。

解決:查看polyfills.ts文件付呕,解注釋:

/** IE9, IE10 and IE11 requires all of the following polyfills. **/
import 'core-js/es6/symbol';
import 'core-js/es6/object';
import 'core-js/es6/function';
import 'core-js/es6/parse-int';
import 'core-js/es6/parse-float';
import 'core-js/es6/number';
import 'core-js/es6/math';
import 'core-js/es6/string';
import 'core-js/es6/date';
import 'core-js/es6/array';
import 'core-js/es6/regexp';
import 'core-js/es6/map';
import 'core-js/es6/weak-map';
import 'core-js/es6/set';

在說這個問題之前要先搞清楚2件事,一是微信瀏覽器的內(nèi)核究竟是什么跌捆,二是polyfills.ts這個文件有什么用徽职。

  1. 關(guān)于瀏覽器內(nèi)核,一個騰訊內(nèi)部人員說微信6.1版本以上的android用戶佩厚,都是使用的QQ瀏覽器的X5內(nèi)核姆钉。5.4-6.1之間的版本,若用戶安裝了QQ瀏覽器就是使用的X5內(nèi)核抄瓦,若用戶未安裝瀏覽器潮瓶,使用的是系統(tǒng)內(nèi)核(微信瀏覽器到底是什么內(nèi)核?)钙姊。X5內(nèi)核在今年4月份毯辅,(Android)已經(jīng)全面升級為Blink內(nèi)核(Blink引擎基于WebKit2——蘋果公司于2010年推出的新的WebKit引擎)。而ios版本一直使用的是safari的內(nèi)核煞额,也就是webkit思恐。所以現(xiàn)在微信內(nèi)置的瀏覽器的內(nèi)核整體來說是比較統(tǒng)一的,但是微信魔改之后的Blink內(nèi)核與chrome內(nèi)核有所差異膊毁,所以在chrome調(diào)試之后放到微信還是會出現(xiàn)一些問題胀莹,就例如上面那個問題,Angular項目跑不動婚温。
  2. 關(guān)于polyfills.ts嗜逻,文檔中有詳細介紹。由于各個瀏覽器的javascript引擎有所差異缭召,可以polyfills中導(dǎo)入一些兼容的包栈顷,實現(xiàn)瀏覽器缺失的某些javascript特性逆日。

結(jié)論:微信瀏覽器內(nèi)核可能不支持es6的新特新或者不支持其中的某個特性,把相應(yīng)的包填充進去之后就能正常運行了萄凤。(感覺脫去了IE6的帽子之后又扣上了IE9的帽子室抽。。)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末靡努,一起剝皮案震驚了整個濱河市坪圾,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌惑朦,老刑警劉巖兽泄,帶你破解...
    沈念sama閱讀 218,036評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異漾月,居然都是意外死亡病梢,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,046評論 3 395
  • 文/潘曉璐 我一進店門梁肿,熙熙樓的掌柜王于貴愁眉苦臉地迎上來蜓陌,“玉大人,你說我怎么就攤上這事吩蔑∨ト龋” “怎么了?”我有些...
    開封第一講書人閱讀 164,411評論 0 354
  • 文/不壞的土叔 我叫張陵烛芬,是天一觀的道長隧期。 經(jīng)常有香客問我,道長赘娄,這世上最難降的妖魔是什么厌秒? 我笑而不...
    開封第一講書人閱讀 58,622評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮擅憔,結(jié)果婚禮上鸵闪,老公的妹妹穿的比我還像新娘。我一直安慰自己暑诸,他們只是感情好蚌讼,可當(dāng)我...
    茶點故事閱讀 67,661評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著个榕,像睡著了一般篡石。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上西采,一...
    開封第一講書人閱讀 51,521評論 1 304
  • 那天凰萨,我揣著相機與錄音,去河邊找鬼。 笑死胖眷,一個胖子當(dāng)著我的面吹牛武通,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播珊搀,決...
    沈念sama閱讀 40,288評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼冶忱,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了境析?” 一聲冷哼從身側(cè)響起囚枪,我...
    開封第一講書人閱讀 39,200評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎劳淆,沒想到半個月后链沼,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,644評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡沛鸵,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,837評論 3 336
  • 正文 我和宋清朗相戀三年括勺,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片谒臼。...
    茶點故事閱讀 39,953評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡朝刊,死狀恐怖耀里,靈堂內(nèi)的尸體忽然破棺而出蜈缤,到底是詐尸還是另有隱情,我是刑警寧澤冯挎,帶...
    沈念sama閱讀 35,673評論 5 346
  • 正文 年R本政府宣布底哥,位于F島的核電站,受9級特大地震影響房官,放射性物質(zhì)發(fā)生泄漏趾徽。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,281評論 3 329
  • 文/蒙蒙 一翰守、第九天 我趴在偏房一處隱蔽的房頂上張望孵奶。 院中可真熱鬧,春花似錦蜡峰、人聲如沸了袁。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,889評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽载绿。三九已至,卻和暖如春油航,著一層夾襖步出監(jiān)牢的瞬間崭庸,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,011評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留怕享,地道東北人执赡。 一個月前我還...
    沈念sama閱讀 48,119評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像熬粗,于是被迫代替她去往敵國和親搀玖。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,901評論 2 355

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

  • 瀏覽器發(fā)展史 現(xiàn)在瀏覽器已經(jīng)成為網(wǎng)上生活的重要家園和工具驻呐。而從1991年灌诅,Web之父Tim Berners-Lee...
    波段頂?shù)?/span>閱讀 16,794評論 6 86
  • 關(guān)于這份調(diào)研報告,不是從技術(shù)角度深入探索含末,重點是從產(chǎn)品本身分析猜拾,通俗易懂才是重點。主要是為了鍛煉平時做技術(shù)調(diào)研和競...
    石先閱讀 23,407評論 13 48
  • 用到的組件 1佣盒、通過CocoaPods安裝 2挎袜、第三方類庫安裝 3、第三方服務(wù) 友盟社會化分享組件 友盟用戶反饋 ...
    SunnyLeong閱讀 14,616評論 1 180
  • 文/十二 我與父親的真正意義上的交集與交流肥惭,大概是在我上高中之后盯仪。在那之前,我們之間的聯(lián)系寥寥無幾蜜葱,這其中大概有通...
    十二在路上閱讀 395評論 0 1
  • 人生總是在錯過中度過全景,你愛我時我不懂愛,我懂愛時你卻不愛我了牵囤。我并不知道男生的感受爸黄,但是當(dāng)一個女生愛上一個男...
    奶瓶萬萬歲閱讀 508評論 0 0