2016-11-29 69 views
1

我正在製作必須展示另一個域的網頁的網頁。如何解決iframe跨域問題

例如,在我的web html中,有兩個<div>標籤。

像:

<html> 
<head></head> 
<body> 
    <div> 
     <p> hello world </p> 
    </div> 
    <div> 
     <!-- other domain's web page comes here --> 
    </div> 
</body> 
</html> 

要解決我的問題,我應該使用,<embed><object>標籤,但是這會導致跨域問題。所以,我不能用它來顯示其他域的網頁。他們不允許我使用它。

因此,舉例來說:

<iframe src="http://stackoverflow.com"></iframe> 

它不工作。我的網頁無法顯示stackoverflow.com。因爲,stackoverflow否認這一點。

我搜索了很多這些問題的事情。但他們只是ajaxJSONP。它不是iframe

有解決方案來解決我的問題嗎?或者是不可能實現這個?

+0

您是否考慮過使用頁面的屏幕截圖代替iframe? – madalinivascu

+1

也,iframes應該被射殺。在大多數情況下它並不理想。 – xShirase

+0

@xShirase我120%同意你:)) – madalinivascu

回答

3

您需要控制要嵌入的域以刪除/修改其CORS策略。它的域名明確阻止了跨域請求,你無能爲力。

這是用來避免任何人劫持你想要的任何網站(你可以在iframe中運行全屏Google,而你的廣告在bettergoogle.com上運行,比如類似)。

This page will give you more insights on Cross-Origin

2

如果在iframe域的所有者的許可,您可以要求他們給您的域名添加到自己的跨域政策,所以你可以做到這一點。

如果你沒有權限在你的網站上顯示他們的內容,我很高興地說,現代瀏覽器不支持這種不道德的行爲,並且沒有辦法做你正在做的事情。