是否可以爲iframe設置原始頁眉？

Question

什麼是要求

我有一個HTML/CSS文件，我想加載另一個Web應用程序並修改。

選擇使用iframe，以避免樣式父級泄漏到要編輯的文檔中。

什麼都已經完成

原稿保存在S3。 S3已正確配置CORS支持。

當圖像或視頻標籤放置與crossorigin =「匿名」屬性。發送正確的原始頭文件並在響應頭中設置Access-Control-Allow-Origin。

問題

當加載來自相同S3桶一個iframe內一個html文件。我沒有在響應頭中獲得Access-Control-Allow-Origin，因爲CORS的起始頭未設置。

因此，如果S3在請求中沒有收到正確的源標頭，它將不會發送Access-Control-Allow-Origin。

解決方案試圖

我很高興與只能工作在現代瀏覽器的解決方案。因此，已經調查了 HTML5 iframe屬性沙箱和無縫。但在這種情況下，他們似乎都沒有幫助。

我也嘗試加載內容通過xhr2內容類型設置爲文檔和正確的原始標頭集。並將其添加到頁面上的iframe。這個問題是文檔頭部的css沒有被加載。

有沒有其他解決方案呢？我期待着一個屬性，我可以在iframe上設置，但在w3c規範中沒有這樣的屬性。

Answer 1

我認爲解決的辦法是，你已經嘗試過一個：

加載通過AJAX的HTML，將其添加到iframe中使用：

document.open()/document.write()/document.close()

，然後改寫爲絕對鏈接的所有相關鏈接

/css/style.css -> <origina-domain>/css/style.css

你需要爲所有的CSS做到這一點，JS，圖片，等等