htmlをデバッガーを利用して、開発状況がわかるプラグイン

現在、htmlの開発を行っているのですが、ブラウザは、chromeを使っており、エデｲターは、visual studio codeです。検査を使えば、コードが閲覧できるのは、知っているのですが、これだと、現在のhtmlのコードで、ブラウザでは、どのように表示されるのかということがわからないので、コードがブラウザで、表示された状況をコードを入力しながら、確認したいのですが、そのようなプラグイン は、ございませんでしょうか。

No.2 回答者： fujillin 回答日時： 2020/11/02 16:22

こんにちは

＞ブラウザでは、どのように表示されるのか
ブラウザ側の開発ツール（大抵はF12で表示されます）を利用するのではダメということなのでしょうか？？
ソースはもちろんですが、表示中のDOMおよび適用されているCSSの内容などを確認できます。