日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
詳解小程序中h5頁(yè)面onShow實(shí)現(xiàn)及跨頁(yè)面通信方案-創(chuàng)新互聯(lián)

小程序webview的現(xiàn)狀

為細(xì)河等地區(qū)用戶提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù)，及細(xì)河網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為網(wǎng)站建設(shè)、成都網(wǎng)站制作、細(xì)河網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長(zhǎng)期合作。這樣，我們也可以走得更遠(yuǎn)！

h6頁(yè)面在小程序中的交互（跳轉(zhuǎn)）場(chǎng)景

  • h6跳轉(zhuǎn)小程序native頁(yè)面（如：調(diào)用小程序地址選擇能力，然后返回對(duì)應(yīng)的地址信息給h6頁(yè)面）
  • h6跳轉(zhuǎn)己方業(yè)務(wù)線的h6頁(yè)面（內(nèi)部頁(yè)面交互，方式比較多樣）
  • h6跳轉(zhuǎn)其它業(yè)務(wù)線的h6頁(yè)面（如：交易流程，相關(guān)頁(yè)面可能有其他業(yè)務(wù)線提供）

主要痛點(diǎn)

在完成相關(guān)操作后， 頁(yè)面狀態(tài)需要更新 ，目前常見(jiàn)的更新方式有如下兩種：

  • 第一種：通過(guò)url傳參（如：url中加入__isonshowrefresh=1，告訴webview再次onshow時(shí)候刷新），把需要傳遞的參數(shù)拼接到url中，重新打開url。
  • 第二種：需要跳轉(zhuǎn)到新的頁(yè)面進(jìn)行數(shù)據(jù)更新（如：下單頁(yè) - 地址選擇頁(yè) - 新的下單頁(yè)）

第一種方案，功能上沒(méi)有問(wèn)題，但會(huì)導(dǎo)致頁(yè)面刷新，如果頁(yè)面操作復(fù)雜，需要多次刷新

第二種方案，正向操作時(shí)體驗(yàn)比方案一好，但導(dǎo)致了另外一個(gè)問(wèn)題：操作 跳轉(zhuǎn)層級(jí)過(guò)深 ，尤其返回的時(shí)候簡(jiǎn)直讓人崩潰。

 小程序中，h6頁(yè)面打開新頁(yè)面方式

我們先來(lái)看下小程序中常見(jiàn)的h6跳h6的方式：

  • 方式1：直接用location.href跳轉(zhuǎn)，返回時(shí)候各機(jī)型表現(xiàn)不一致，有的會(huì)刷頁(yè)面，重新執(zhí)行js，有的會(huì)直接展示之前的緩存
  • 方式2：通過(guò)路由hash跳轉(zhuǎn)，返回觸發(fā)hashchange，頁(yè)面不刷新，js層面重現(xiàn)渲染
  • 方式3：跳轉(zhuǎn)頁(yè)面打開一個(gè)新的webview，相當(dāng)于每個(gè)頁(yè)面都是一個(gè)獨(dú)立的webview

我們采用的是方式3，理由如下：

  1. 打開新頁(yè)面時(shí)的效果更趨近于native間的跳轉(zhuǎn)（當(dāng)然新打開的頁(yè)面也會(huì)重新加載靜態(tài)資源，同時(shí)這也有另一個(gè)問(wèn)題，一旦你打開10個(gè)層級(jí)后，再打開新的webview就沒(méi)反應(yīng)了，這個(gè)是小程序10層限制）
  2. 返回的體驗(yàn)也更趨近于native，同時(shí)保證頁(yè)面狀態(tài)統(tǒng)一（不會(huì)出現(xiàn)有的直接展示，有的會(huì)重新執(zhí)行js）
  3. webview通過(guò)this.src拿到的鏈接即為當(dāng)前頁(yè)面鏈接，因?yàn)槿绻?yè)面自行通過(guò)路由和location.href跳轉(zhuǎn)，頁(yè)面鏈接變更后，webview并不會(huì)知曉，這種方案，webview通過(guò)this.src拿到的鏈接始終是當(dāng)前頁(yè)面的鏈接。

由于這種方案可能會(huì)達(dá)到小程序的10層限制。所以在一些重要頁(yè)面建議加入“ 回到首頁(yè) ”的操作，通過(guò)這個(gè)操作來(lái)縮短小程序歷史棧

回到首頁(yè)方案簡(jiǎn)述

（如果不感興趣這部分可以直接略過(guò)）

wx.miniProgram.reLaunch({
 url: '/pages/webview/bridge?url=項(xiàng)目首頁(yè)地址'
})

網(wǎng)頁(yè)題目：詳解小程序中h5頁(yè)面onShow實(shí)現(xiàn)及跨頁(yè)面通信方案-創(chuàng)新互聯(lián)
分享鏈接：http://www.dlmjj.cn/article/pjgej.html