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

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

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

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

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

htmlnewtab6

Chrome拡張機能 HTML New Tab

目次

インストール

htmlnewtab1

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

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

htmlnewtab2

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

インストール完了です。

レビュー

htmlnewtab3

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

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

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

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

htmlnewtab4

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

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

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

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

なりました。

htmlnewtab5

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

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

よかったらシェアしてください!
  • URLをコピーしました!

コメント

コメントする

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

目次