VSCodeのhtmlPreviewでscriptタブの箇所がうまく表示されない場合の解決方法

こんにちは、ナオです。

VSCodeでscriptタブ付きのHTMLをHTMLPreviewで表示しようとしたら以下のエラーが発生。

「Some content has been disabled in this document」

解決方法を備忘録として記事にしておきます。

Change Preview Security Settingを確認

結論は、HTMLPreview のセキュリティ設定です。
設定変更する方法は以下になります。

VSCodeの右上の「・・・」をクリック

「change Preview Security Settings」をクリック

「Disable」をクリック

これでscriptタブのあるHTMLも表示されるようになります。
※Not recommendedとあるように推奨はされていないので、設定変更の場合は自己責任でお願いします。自分で作ったjavaScriptを実行する分には問題ないと思います。

タイトルとURLをコピーしました