Problem z komendą iframe (HTML)

pytanie zadane 29 sierpnia 2019 w HTML i CSS przez radosław_rumian Nowicjusz (140 p.)

Dobry wieczór.

Uczę się aktualnie HTMLa i napotkałem pewien problem z komendą iframe.

Chodzi o to, że wyświetla mi się pusta ramka. Próbowałem już dziesiątki linków i żaden nie działa.

Taki kod był w książce:

komentarz 29 sierpnia 2019 przez ScriptyChris Mędrzec (190,190 p.)

Czy w konsoli przeglądarki są jakieś błędy?

komentarz 29 sierpnia 2019 przez radosław_rumian Nowicjusz (140 p.)

Nie ma :/

komentarz 29 sierpnia 2019 przez radosław_rumian Nowicjusz (140 p.)

Na link nie ma co patrzeć, bo żaden nie działa.

komentarz 29 sierpnia 2019 przez ScriptyChris Mędrzec (190,190 p.)

Pokazałeś screena z kodem HTML strony. Ja pytałem o zawartość konsoli.

komentarz 29 sierpnia 2019 przez radosław_rumian Nowicjusz (140 p.)

" Kodowanie znaków dokumentu HTML nie zostało zadeklarowane. Podczas wyświetlania tego dokumentu w niektórych konfiguracjach przeglądarki niektóre znaki spoza zakresu US-ASCII (o ile występują) mogą wyglądać nieprawidłowo. Kodowanie znaków strony musi być zadeklarowane w dokumencie lub w protokole przesyłania. "

" Load denied by X-Frame-Options: https://www.google.com/maps/place/Hotel+Imperiale/@50.035108…0x61abec393af0d291!5m2!4m1!1i2!8m2!3d50.0283648!4d19.1983697 does not permit cross-origin framing. "

komentarz 29 sierpnia 2019 przez ScriptyChris Mędrzec (190,190 p.)
edycja 30 sierpnia 2019 przez ScriptyChris

Obstawiam, że pierwszy błąd dotyczy braku elementu <meta> z określonym ustawieniem kodowania strony.

Drugi informuje, że strona, którą próbujesz wyświetlić w <iframe> nie obsługuje CORS.

Odnośnie drugiego - patrz na komentarz niżej od @Comandeer.

komentarz 30 sierpnia 2019 przez Comandeer Guru (601,510 p.)

Drugi informuje, że strona, którą próbujesz wyświetlić w <iframe> nie obsługuje CORS.

Akurat to nie ma nic wspólnego z CORS, a z mechanizmem blokowania wczytywania zawartości ramki na innych originach (stronach/domenach) przy pomocy nagłówka HTTP X-Frame-Options. Obecnie ten mechanizm jest częścią Content Security Policy.

komentarz 30 sierpnia 2019 przez ScriptyChris Mędrzec (190,190 p.)

@Comandeer, dzięki za korektę.

1 odpowiedź

odpowiedź 30 sierpnia 2019 przez virtualPi Początkujący (260 p.)

Google nie pozwala na iframe stąd nie możesz wykonać tego przykladu, ale jak przetestujesz kod wklejając w dowolny szablon html5 i zmieniając na adres, który pozwala na jej "wyświetlenie" swojej zawartości gdzieś indziej to wszystko śmiga:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Test</title>
    <meta name="description" content="iframe test">
  </head>
  <body>
    <iframe width="400" height="300"
            src="http://how2html.pl/">
    
    </iframe>
  </body>
</html>