新しいタブに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. 言語・開発

    Chromeをスマホ環境にしてくれるChrome拡張機能 『Ripple Emulator』

    モバイル端末の選択や各種情報、GPS情報などを設定してChro…

  2. 言語・開発

    ネットワーク図やフロー図が作成出来るChromeアプリ 「LucidChart」 チームで共同作業も…

    ネットワーク図やフローチャート図などを作成出来るChromeアプリ…

  3. 言語・開発

    モバイル画面を確認出来るChrome拡張機能 自分で端末の登録も可能 『FireMobileSimu…

    携帯端末やスマートフォンでもChromeブラウザから画面確認出来るCh…

  4. 言語・開発

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

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

  5. 言語・開発

    iPhone・スマートフォン対応のWebページを表示してくれるChrome拡張機能 IPhone E…

    IPhone・スマートフォン対応のWebページをサクっと表示してくれる…

コメント

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

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

最近の記事

PAGE TOP