2017-07-15 181 views
0

所以,我很困惑......所以我去了w3Schools iFrame頁面。複製並粘貼此代碼到直接從W3Schools的codepen ...iFrame不加載一些網址,但加載其他網址

<iframe src="https://www.w3schools.com"></iframe>

我也試圖改變URL幾次。載入Google甚至無法正常工作......發生的只是一個空白頁面,其頁面背景顏色與父頁面相同。我不明白爲什麼iframe代碼甚至從w3schools不起作用...我不加載依賴項?我正在使用最新版本的Chrome。

的index.html

<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Soundcloud Downloader</title> 
</head> 
<body> 

    <div class="container"> 
     <iframe src="http://1stdibs.com/"></iframe> 
     <iframe src="http://soundtake.net/"></iframe> 
     <iframe src="https://www.w3schools.com"></iframe> 
    </div> 
</body> 
</html> 

一個工作代碼筆:

https://codepen.io/anon/pen/GEePEK

我的觀點(截圖): http://imgur.com/a/6bPWB

+0

也許它是http vs https?在瀏覽器中查看dev控制檯中的錯誤。 –

+0

Google絕對是發送「X-Frame-Options:SAMEORIGIN」響應標題的站點之一。這就要求父代必須與iframe中的子頁面在同一個域上運行。所以除非你擁有google.com,否則它不會發生。 – zer00ne

回答