Chromeツール

Chrome拡張機能版のCodePen!! ブラウザでHTMLやCSS、JSのテストができる『Web Maker』

ブラウザ上でHTMLやCSS、JavaScriptのテストが

できるChrome拡張機能

有名な所ではCodePenなどがありますが

こちらはオフラインでも使用可能です

webmaker7

Web Maker インストールはこちらから

 

インストール

webmaker1

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

「ADD TO CHROME」をクリックします

 

webmaker2

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

インストール完了

 

webmaker3

Chromeにアイコンが追加されます

 

レビュー

webmaker4

左側がコード、右がプレビューとなっています

プレビューはリアルタイムに実行してくれます

 

webmaker5

補完機能もありサクサクと記述できます

 

webmaker6

コードのテストをしたい時などに便利な

Chrome拡張機能です

関連記事

  1. Chromeツール

    Chromeで2画面分割表示ができる拡張機能 縦、横可能な『Frame two pages』

    通常Chromeでは1タブ1画面となっていますがこの拡張機能を…

  2. Chromeツール

    Chromeのタブ数を制限してずっと快適にできる拡張機能 『xTab』

    Chromeのタブ数を制限することでずっと快適にすることができ…

  3. Chromeツール

    40種類以上のエンジンでダウンロード時にファイルをチェックしてくれるChrome拡張機能 『Meta…

    ダウンロード時にファイルをスキャンして安全かを教えてくれるCh…

  4. Chromeツール

    便利!! コピーしたURLをワンクリックで開いてくれる拡張機能 『Pasty』 複数URLも一挙に表…

    クリップボード内のURLをワンクリックで開いてくれる拡張機能使…

  5. Chromeツール

    入力した文字数をカウント!! SNSやタイトル付けなどに便利なChrome拡張機能 『Form Te…

    Web上のフォームに入力した文字数をカウントして表示してくれる…

コメント

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

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

PAGE TOP