新しいタブにHTML/CSS/JavaScriptの実行環境ができるChrome拡張機能 『HTML New Tab』

HTMLやJavascriptの実行環境を新しいタブで

出来るようになるChrome拡張機能。

HTMLを勉強している方、Web制作で

ちょっと試してみたい時などに便利です。

Chrome拡張機能 HTML New Tab

インストール

上記リンク先ページをChromeで開き

「Chromeに追加」をクリックします。

拡張機能を追加をクリックすると

インストール完了です。

レビュー

新しいタブを開くと左側がエディタ、

右側が実行プレビュー画面になります。

エディタ部分はHTML、CSS、JavaScriptに

タブで分かれていてそれぞれに記述できます。

実行は右上のSaveをクリックすると

実行結果が表示されます。

昔はFTPでアップロードして実行結果を見て

という開発をしていましたが、今は便利に

なりました。

JavaScriptも実行出来るようでこれから

勉強したいという方には便利な拡張機能です。