Weex首秀(2)

首先祝各位雞年大吉镊掖,開工大吉!
趁著今天剛開工褂痰,工作任務(wù)還不多亩进,可以繼續(xù)學些Weex。

春節(jié)在家無聊的時候缩歪,繼續(xù)跟進了一下Weex的學習归薛,主要把“關(guān)于我”這個Page進行了一些優(yōu)化,這里主要是一些體力活匪蝙,并沒有太多可說的主籍,簡單總結(jié)以下幾點:

  1. Weex中所有的文字都要放在<text></text>這個標簽里,在普通的網(wǎng)頁開發(fā)甚至Vue開發(fā)中逛球,我偶爾會直接把文字放在div標簽里千元,但是Weex中并不識別這樣的語法。
  2. Weex的頁面布局雖然也使用css語法颤绕,但是與Vue以及普通頁面并不完全相同诅炉,我試驗了一下蜡歹,text-align:center必須用在text標簽上,才能使文字居中涕烧,但是因為HTML并沒有這個標簽月而,所以要加載文字所在的父標簽上,這個要注意议纯,另外就是建議在Weex中多應(yīng)用flex布局父款。

外部鏈接問題

在“關(guān)于我”這個page中,有一個需求瞻凤,就是鏈接到外部網(wǎng)站憨攒,因為之前缺少APP開發(fā)經(jīng)驗,所以我想當然地認為這個問題非常簡單阀参,只需要價格a標簽肝集,或者像Vue一樣采用Router的方法就可以了,但是后來發(fā)現(xiàn)這樣并不能正常work蛛壳。

仔細一看杏瞻,Demo中所有Router都是鏈接到項目內(nèi)部頁面的,看地址欄上每個頁面其實都是一個經(jīng)過build的Js文件衙荐,這點應(yīng)該和Vue是類似的捞挥,但這個并不符合我的需求,并且外部網(wǎng)站是傳統(tǒng)的靜態(tài)頁面忧吟,因此還是需要解決砌函。

首先抓包看看訪問的URL是否正確:


由上圖看 http://m.feiniu.com/my/order/index.html 這個請求地址應(yīng)該沒有錯,所以有可能是兼容問題溜族。

于是嘗試捕捉error


 <web class="content" id="webview" src='https://m.taobao.com/?spm=0.0.0.0&v=0#index' onpagestart="startload" onpagefinish="finishload" onerror="failload"></web>

startload: function(e) {
  modal.toast({ message: 'pagestart' })
},
finishload: function(e) {
  modal.toast({ message: 'finishload' })
},
failload: function(event) {
  modal.toast({ message: event })
}

使用不同的機器進行測試讹俊,安卓手機觸發(fā)到了finishload事件,而IPHONE觸發(fā)了failload事件煌抒,但是兩個手機都無法正常顯示網(wǎng)頁仍劈。

最后我在官方文檔中查到這個:



web組件要求的weex版本是v0.5+,但是我的項目中用的是v0.32的摧玫,所以說看起來還是得仔細查查手冊啊,之前在Vue項目中也碰到過這種組件兼容性問題绑青。


目前懷疑就是這個問題導致無法正常使用webview(未完待續(xù))诬像。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市闸婴,隨后出現(xiàn)的幾起案子坏挠,更是在濱河造成了極大的恐慌,老刑警劉巖邪乍,帶你破解...
    沈念sama閱讀 218,204評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件降狠,死亡現(xiàn)場離奇詭異对竣,居然都是意外死亡,警方通過查閱死者的電腦和手機榜配,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,091評論 3 395
  • 文/潘曉璐 我一進店門否纬,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人蛋褥,你說我怎么就攤上這事临燃。” “怎么了烙心?”我有些...
    開封第一講書人閱讀 164,548評論 0 354
  • 文/不壞的土叔 我叫張陵膜廊,是天一觀的道長。 經(jīng)常有香客問我淫茵,道長爪瓜,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,657評論 1 293
  • 正文 為了忘掉前任匙瘪,我火速辦了婚禮铆铆,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘辆苔。我一直安慰自己算灸,他們只是感情好,可當我...
    茶點故事閱讀 67,689評論 6 392
  • 文/花漫 我一把揭開白布驻啤。 她就那樣靜靜地躺著菲驴,像睡著了一般。 火紅的嫁衣襯著肌膚如雪骑冗。 梳的紋絲不亂的頭發(fā)上赊瞬,一...
    開封第一講書人閱讀 51,554評論 1 305
  • 那天,我揣著相機與錄音贼涩,去河邊找鬼巧涧。 笑死,一個胖子當著我的面吹牛遥倦,可吹牛的內(nèi)容都是我干的谤绳。 我是一名探鬼主播,決...
    沈念sama閱讀 40,302評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼袒哥,長吁一口氣:“原來是場噩夢啊……” “哼缩筛!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起堡称,我...
    開封第一講書人閱讀 39,216評論 0 276
  • 序言:老撾萬榮一對情侶失蹤瞎抛,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后却紧,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體桐臊,經(jīng)...
    沈念sama閱讀 45,661評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡胎撤,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,851評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了断凶。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片伤提。...
    茶點故事閱讀 39,977評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖懒浮,靈堂內(nèi)的尸體忽然破棺而出飘弧,到底是詐尸還是另有隱情,我是刑警寧澤砚著,帶...
    沈念sama閱讀 35,697評論 5 347
  • 正文 年R本政府宣布次伶,位于F島的核電站,受9級特大地震影響稽穆,放射性物質(zhì)發(fā)生泄漏冠王。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,306評論 3 330
  • 文/蒙蒙 一舌镶、第九天 我趴在偏房一處隱蔽的房頂上張望柱彻。 院中可真熱鬧,春花似錦餐胀、人聲如沸哟楷。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,898評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽卖擅。三九已至,卻和暖如春墨技,著一層夾襖步出監(jiān)牢的瞬間惩阶,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,019評論 1 270
  • 我被黑心中介騙來泰國打工扣汪, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留断楷,地道東北人。 一個月前我還...
    沈念sama閱讀 48,138評論 3 370
  • 正文 我出身青樓崭别,卻偏偏與公主長得像冬筒,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子茅主,可洞房花燭夜當晚...
    茶點故事閱讀 44,927評論 2 355

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

  • 介紹 weex是阿里出品的一個類似RN的框架舞痰,可以使用前端技術(shù)來開發(fā)移動應(yīng)用,實現(xiàn)一份代碼支持H5暗膜,iOS和And...
    不知者謂我何求閱讀 2,261評論 1 4
  • 當播放器跳轉(zhuǎn)到1D的What a feeling時匀奏,我的情緒應(yīng)該正處于懷舊之中鞭衩。心心念念再把這首喜歡的歌分享...
    荒蕪書生閱讀 320評論 2 0
  • (一) 相信好多人有過這樣的經(jīng)歷学搜,有時候你看到三五結(jié)伴的一個小圈子娃善,那幾個人光是聚在一起就歡樂無比,這讓你多少有點...
    少女勺子閱讀 534評論 1 3