亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

postMessage可以進行跨端口通信嗎?

postMessage可以進行跨端口通信嗎?

瀟瀟雨雨 2019-03-07 14:11:41
window.postMessage() 方法可以安全地實現跨源通信。通常,對于兩個不同頁面的腳本,只有當執行它們的頁面位于具有相同的協議(通常為https),端口號(443為https的默認值),以及主機 (兩個頁面的模數 Document.domain設置為相同的值) 時,這兩個腳本才能相互通信。window.postMessage() 方法提供了一種受控機制來規避此限制,只要正確的使用,這種方法就很安全。參考自:https://developer.mozilla.org...這里的跨源是否指的就是跨域?查了一下關于postMessage的使用基本都是iframe向父窗口傳數據,那是不是不同協議和不同端口是無法通信的呢?比如說我在localhost:3000啟動一個頁面,localhost:3500啟動一個頁面,可不可以進行通信呢btn.addEventListener('click', () => {                try {                    postMessage('helloWorld','localhost:3000' );                    console.info('消息已經成功發送')                } catch (error) {                    console.error(error)                }            })我自己試了一下,會有報錯,但是執行時成功的這是不是說只能在子頁面或者iframe這種情況下發送數據,不同端口不可以通信?
查看完整描述

2 回答

?
幕布斯7119047

TA貢獻1794條經驗 獲得超8個贊

下面回答題主的其他問題:

可以跨域通信

如果跨域失敗是另一種提示,Access-Control-Allow-Origin,,,,,

https://img3.sycdn.imooc.com/5c89b5430001820206580133.jpg

跨域包含跨端口,可以自行百度下什么是跨域,大概是:協議,域名,端口有一個不同,就是跨域。


查看完整回答
反對 回復 2019-03-14
?
繁星淼淼

TA貢獻1775條經驗 獲得超11個贊

postMessage是可以進行跨域通信的。MDN中描述的跨源就是通常意義上的跨域。語法如下:

otherWindow.postMessage(message,?targetOrigin,?[transfer]);

這里的otherWindow指的是其他窗口的引用,比如iframe的contentWindow屬性、執行window.open返回的窗口對象、或者是命名過或數值索引的window.frames。
所以此時的targetOrigin和otherWindow的引用必須是相互匹配的,否則不能進行通信。也就是要和誰進行通信就要拿到誰的引用。
關于window.open有一點需要特別注意的就是:要通過window.open獲取引用值,必須是在window.open打開頁面成功打開的情況下才會返回該窗口的引用,否則返回null。因為有的瀏覽器會處于安全機制攔截非用戶點擊的自彈出窗口,此時window.open是無法獲取正常返回值的,postMessage也會失敗。


查看完整回答
反對 回復 2019-03-14
  • 2 回答
  • 0 關注
  • 823 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號