實現在app內打開第三方H5頁面再回跳

最近項目中需要實現一個功能姻几,在app內打開第三方H5頁面,再回跳到app,發(fā)現被自己坑了一波鲜棠。有兩種方式:

  • 原生實現肌厨。直接通過獲取本地地址,再替換成原生設定的格式后豁陆,將該鏈接直接傳給第三方H5頁面柑爸,直接通過window.location實現回跳,此時原生做攔截處理盒音,由原生實現打開該鏈接頁面(打開第三方頁面最好還是重開一個新webview表鳍,由原生生成頂部導航,否則頁面一旦出錯祥诽,會陷入進退不得的尷尬局面)譬圣。
  • 第二種方法有點繞,實現流程:app頁面 --在iframe內打開 -- 第三方H5頁面(無法控制的雄坪,非我方的) --回跳--第三方頁面(我方的厘熟,處理跨域數據傳輸) -- 在原來的app頁面(監(jiān)聽跨域數據的變化),關閉iframe维哈;
// 在app頁面內生成iframe
var iframe = $('<iframe id="iframe_pop" style="width: 100%;height: 100%;position: fixed;top:0;left:0;z-index: 1000;" frameborder=0 marginheight=0 marginwidth=0 scrolling=no src=SRC></iframe>');
$("body").append(iframe);

// 在iframe內插入表單并提交
window.frames["iframe_pop"].contentWindow.document.body.innerHTML = "表單字符串";
$(window.frames["iframe_pop"].contentWindow.document.body).find("form").submit();

// 在我方的第三方頁面(即相對本地資源的服務器資源)
// targetWindow.postMessage(data, targetOrigin)
window.parent.postMessage(data, '*');

// 在app頁面內監(jiān)聽message
window.addEventListener('message',function(e){
    $(window.frames["iframe_pop"]).remove();
        var result = e.data;
},false);
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末绳姨,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子阔挠,更是在濱河造成了極大的恐慌飘庄,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,607評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件购撼,死亡現場離奇詭異跪削,居然都是意外死亡,警方通過查閱死者的電腦和手機迂求,發(fā)現死者居然都...
    沈念sama閱讀 93,239評論 3 395
  • 文/潘曉璐 我一進店門碾盐,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人揩局,你說我怎么就攤上這事廓旬。” “怎么了谐腰?”我有些...
    開封第一講書人閱讀 164,960評論 0 355
  • 文/不壞的土叔 我叫張陵,是天一觀的道長涩盾。 經常有香客問我十气,道長,這世上最難降的妖魔是什么春霍? 我笑而不...
    開封第一講書人閱讀 58,750評論 1 294
  • 正文 為了忘掉前任砸西,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘芹枷。我一直安慰自己衅疙,他們只是感情好,可當我...
    茶點故事閱讀 67,764評論 6 392
  • 文/花漫 我一把揭開白布鸳慈。 她就那樣靜靜地躺著饱溢,像睡著了一般。 火紅的嫁衣襯著肌膚如雪走芋。 梳的紋絲不亂的頭發(fā)上绩郎,一...
    開封第一講書人閱讀 51,604評論 1 305
  • 那天,我揣著相機與錄音翁逞,去河邊找鬼肋杖。 笑死,一個胖子當著我的面吹牛挖函,可吹牛的內容都是我干的状植。 我是一名探鬼主播,決...
    沈念sama閱讀 40,347評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼怨喘,長吁一口氣:“原來是場噩夢啊……” “哼津畸!你這毒婦竟也來了?” 一聲冷哼從身側響起哲思,我...
    開封第一講書人閱讀 39,253評論 0 276
  • 序言:老撾萬榮一對情侶失蹤洼畅,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后棚赔,有當地人在樹林里發(fā)現了一具尸體帝簇,經...
    沈念sama閱讀 45,702評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,893評論 3 336
  • 正文 我和宋清朗相戀三年靠益,在試婚紗的時候發(fā)現自己被綠了丧肴。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,015評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡胧后,死狀恐怖芋浮,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情壳快,我是刑警寧澤纸巷,帶...
    沈念sama閱讀 35,734評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站眶痰,受9級特大地震影響瘤旨,放射性物質發(fā)生泄漏。R本人自食惡果不足惜竖伯,卻給世界環(huán)境...
    茶點故事閱讀 41,352評論 3 330
  • 文/蒙蒙 一存哲、第九天 我趴在偏房一處隱蔽的房頂上張望因宇。 院中可真熱鬧,春花似錦祟偷、人聲如沸察滑。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,934評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽贺辰。三九已至,卻和暖如春氛赐,著一層夾襖步出監(jiān)牢的瞬間魂爪,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,052評論 1 270
  • 我被黑心中介騙來泰國打工艰管, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留滓侍,地道東北人。 一個月前我還...
    沈念sama閱讀 48,216評論 3 371
  • 正文 我出身青樓牲芋,卻偏偏與公主長得像撩笆,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子缸浦,可洞房花燭夜當晚...
    茶點故事閱讀 44,969評論 2 355

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,154評論 25 707
  • 發(fā)現 關注 消息 iOS 第三方庫夕冲、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,105評論 4 62
  • WebSocket-Swift Starscream的使用 WebSocket 是 HTML5 一種新的協議裂逐。它實...
    香橙柚子閱讀 23,869評論 8 183
  • 一只毛球狗出門 打理好毛發(fā) 拖著稚嫩的靈魂 一路上跌跌撞撞 微笑示人 毛孔內沾染上灰塵 還是繼續(xù)趕路啊 莫辜負...
    宵夜窩窩頭閱讀 178評論 0 1
  • 個人年總結目的: 這一年我做了什么歹鱼?還需要做什么才能向目標靠近呢? 明天做年度總結卜高,回頭沒準還可以出個小流程呢弥姻,把...
    會兒兒兒兒兒閱讀 233評論 2 2