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.

，顯示爲標題（「你好」），但直到您選擇它那白色的，就像背景，所以不可見的唯一的事情。