新しいタブに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も実行出来るようでこれから

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

  • コメント: 0

テキストをリアルな音声で話してくれるWebサービス 『Text to Voice Converter』前のページ

Web上で作曲ができるMidファイルの読込保存も可能なWebサービス 『signal』次のページ

関連記事

  1. 言語・開発

    WebのPCやスマホのレスポンシブデザインの確認ができるChrome拡張機能 『Responsive…

    Web画面の開発に必要な様々な解像度での画面確認がありますが、それ…

  2. 言語・開発

    AutoCadが無料!? ブラウザ上でAutocadで図面を描けるChromeアプリ クラウド環境で…

    あのAutocadをクラウド環境で編集・閲覧出来たりするChromeア…

  3. 言語・開発

    マウスオーバーでCSS表示してくれるWeb開発者に便利なChrome拡張機能 『CSSViewer』…

    マウスを上に持ってくるだけで、その場所の要素のCSSを表示して…

  4. 言語・開発

    Google Analyticsが導入しているか分かるChrome拡張機能 導入時などに便利 Ana…

    表示したページがGoogleAnalyticsを導入しているかどうかが…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

PAGE TOP