hier, um weiße leere Seite entpuppen ist mein Codepen-Link:CodePen
https://codepen.io/ShikhaA/pen/ALJXyk
Es war richtig von vergangenen Monaten arbeiten. Aber jetzt wurde es zur weißen leeren Seite. Ich habe es auch in anderen Browsern getestet.
Aber wenn ich den gleichen Code im lokalen Host versuchte, kann ich die Ausgabe sehen.
Danke.
Das liegt daran, dass die Farbe des Titels weiß ist, genau wie der Hintergrund. Es erzeugt tatsächlich eine Ausgabe, es ist einfach nicht sichtbar. Versuchen Sie, die Farbe der .title-Klasse zu ändern.
Vielen Dank nach dem Ändern der Hintergrundfarbe alles, was ich sehen kann, ist "Hallo", aber nicht die Wunschausgabe. Wenn Sie meinen Codepen extrahieren und in Ihrem Browser laufen, ist die Ausgabe anders. – TinyCoder
Wenn Sie in Ihre Konsole schauen, werden Sie sehen, dass die Anfrage an ip-api.com geladen wird über HTTP und Codepen wollen Sie es über HTTPS laden. Daher blockiert es Ihre Anfrage und deshalb bleibt der Bildschirm leer.
Der Fehler:
Mixed Content: The page at ' https://codepen.io/ShikhaA/pen/ALJXyk ' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint ' http://ip-api.com/json '. This request has been blocked; the content must be served over HTTPS.
Das einzige, was der Titel zeigt, ist („Hallo“), aber das ist weiß, genau wie der Hintergrund, also nicht sichtbar, bis Sie sie auswählen.
Das ist eigentlich nicht der Fehler hier. Es ist viel einfacher (siehe meine Antwort). EDIT: Du hast mich Ninja. – StuntHacks
@StuntHacks Ja, ich habe diesen Teil aus Versehen entfernt, als ich ein paar andere Tipps entfernt habe, habe es gesehen, nachdem ich meine Antwort gepostet habe! –
in der Konsole sehe ich * HTTPS Sicherheit ist gefährdet durch http: //ip-api.com* –