[爆卦]iframe https問題是什麼?優點缺點精華區懶人包

為什麼這篇iframe https問題鄉民發文收入到精華區:因為在iframe https問題這個討論話題中,有許多相關的文章在討論,這篇最有參考價值!作者greenfish27 ()看板Web_Design標題[問題] iframe如何送access...


(補上作法於下方,謝謝Gold740716)

大家好,我正在修改一個問題遇到了困難,想聽聽前輩們的各式建議 Q Q

以前iframe取跨網站的網頁A都運作良好

最近網頁A增加了token認證,所以要修改iframe呼叫

我不知道該如何在 iframe.src = A網頁url; 時就帶有token

試過使用 var xhr = new XMLHttpRequest();
給定 xhr.setRequestHeader('Authorization', 'Bearer 123');
iframe.srcdoc = this.reponse;

雖然的確可以取回頁面資訊呈現,不過版面卻亂糟糟的orz

**************調整方式**************
使用srcdoc填入html並不會觸發script內容,這是我版面排版亂掉的原因
所以將上方亮紫部份改用contentWindow.document.write即可

iframe.contentWindow.document.open();
iframe.contentWindow.document.write(this.response);
iframe.contentWindow.document.close();

ref: https://harttle.land/2016/04/14/iframe-script-injection.html
************************************

或是我不該使用iframe 該換用怎樣的容器呢?
(嗚嗚 公司也不允許用jq等套件,有看到網路一些是用.ajax post成功後
去修改iframe.src的方法我就沒試了..)

謝謝~

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.57.231.227
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1527592475.A.E65.html
Gold740716: 搞不好用 service worker onfetch 事件 05/29 21:07
Gold740716: 可以攔到 iframe 發的 request ,再手動加 header 05/29 21:08
Gold740716: 我之前是習慣用 iframe.contentDocument.write(html) 05/29 21:17
greenfish27: 謝謝Gold大大!onfetch感覺太黑科技 我應該一時半刻 05/29 22:52
greenfish27: 駕馭不了,不過document.write好像很有希望感(握拳 05/29 22:52
greenfish27: ) 原來許多26外掛廣告都是用這招呀 奮鬥試驗中 05/29 22:52
※ 編輯: greenfish27 (220.133.189.2), 05/29/2018 23:32:58
Gold740716: 或覺 document.write 和 srcdoc 應該差不多啊 05/31 20:07
Gold740716: ^感覺 05/31 20:07
Gold740716: 另外如果 .write() 後沒有 .close() 會一直轉圈圈。 05/31 20:08
Gold740716: 正常應該是 .open() .write(html) .close() 05/31 20:09

你可能也想看看

搜尋相關網站