CodePenは、ここで白空白のページへ

Question

を消し、私のCodepenリンクです：

https://codepen.io/ShikhaA/pen/ALJXyk

それは、過去数ヶ月から正常に動作していました。しかし今は白い空白のページに変わった。私は他のウェブブラウザにもそれをテストしました。

しかし、ローカルホストで同じコードを試したときに出力が表示されます。

ありがとうございました。

Answer 1

これは、タイトルの色が背景と同様に白であるためです。実際には出力を生成しますが、それは表示されません。 .titleクラスの色を変更してください。

Answer 2

あなたのコンソールを見ると、ip-api.comへのリクエストはHTTPを超えてロードされ、CodepenはHTTPS以上にロードしたいと思うでしょう。したがって、それはあなたの要求をブロックするので、画面は空のままです。

エラー：

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.

は示して唯一のことは、タイトル（「こんにちは」）ですが、あなたはそれを選択するまで、それはただの背景のような、白、そうは見えないのです。