はじめに
(初心者) VScodeでindex.htmlを書き始めたものの、ブラウザでの表示確認の方法がわからない。
問題
VScodeで書いた index.html をChromeにドラック&ドロップしても反応せず、Chromeのタグにはabout:blank#blocked のエラー表示される。
原因
Chromeなどのブラウザでは、セキュリティ上の仕様や設定によって
ローカルファイルの読み込みがブロックされることがある。
(Chromeの仕様変更やセキュリティソフトの影響の場合もあり)
解決
chromeブラウザを選択した状態で、Ctrl + O(オー)(Macでは ⌘ + O(オー))で、index.htmlファイルを選択し、開く。これでブラウザ上に自分のHTMLが正しく表示されます。