動態(tài)獲取iframe內(nèi)部(uniapp)鏈接

項目亂了真是麻煩??,我需要在A域名下后臺的項目中獲取B域名下的項目h5的內(nèi)部鏈接时甚,第一時間想到的就是iframe,但是這樣子的話我們只能獲取到src的url,內(nèi)部發(fā)生跳轉就無法獲取到跳轉后的連接了路捧,這時就需要h5進行配合了

思路

h5內(nèi)部發(fā)生鏈接跳轉之后就向后臺進行通信發(fā)送跳轉后的url

實現(xiàn)

  • H5
    因為H5是使用h5就行開發(fā)的,所以只需要監(jiān)聽相關跳轉方法的執(zhí)行就好了传黄,我們可以使用uniapp提供的一個方法addInterceptor攔截器
    主要的參數(shù)就是
    invoke: 攔截前觸發(fā)
    returnValue: 方法調用后觸發(fā)杰扫,處理返回值
    我這里就直接在returnValue里面做了
const routerMethods = [
  "navigateTo",
  "redirectTo",
  "reLaunch",
  "switchTab",
  "navigateBack",
];

for (const method of routerMethods) {
  uni.addInterceptor(method, {
        returnValue(){
            window.parent.postMessage(window.location.href, "*");
            return true;
        }
  });
}

window.parent引用了當前窗口的父級窗口對象。通過這個對象膘掰,可以與包含當前窗口的父級窗口進行通信
postMessage()方法用于發(fā)送消息給目標窗口章姓。它接受兩個參數(shù):消息內(nèi)容和目標窗口的源。在這里识埋,window.location.href 作為消息內(nèi)容凡伊,表示當前窗口的 URL 地址。
最后窒舟,"*" 是目標窗口的源參數(shù)系忙。這里的 * 表示通配符,表示消息可以發(fā)送給任意源(即任意窗口)辜纲。

  • 后臺
    我們在后臺需要監(jiān)聽message事件即可
window.addEventListener('message', (value) => {
  if (value.origin === 'xxxx') {  // 這里來源進行判斷
    // value 就是對應的數(shù)據(jù) 
  }
})
?著作權歸作者所有,轉載或內(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
  • 正文 為了忘掉前任,我火速辦了婚禮邻吭,結果婚禮上餐弱,老公的妹妹穿的比我還像新娘。我一直安慰自己囱晴,他們只是感情好膏蚓,可當我...
    茶點故事閱讀 67,689評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著速缆,像睡著了一般降允。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上艺糜,一...
    開封第一講書人閱讀 51,554評論 1 305
  • 那天,我揣著相機與錄音幢尚,去河邊找鬼破停。 笑死,一個胖子當著我的面吹牛尉剩,可吹牛的內(nèi)容都是我干的真慢。 我是一名探鬼主播,決...
    沈念sama閱讀 40,302評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼理茎,長吁一口氣:“原來是場噩夢啊……” “哼黑界!你這毒婦竟也來了?” 一聲冷哼從身側響起皂林,我...
    開封第一講書人閱讀 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級特大地震影響币厕,放射性物質發(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)容