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拡張機能 『Scrollb…

    ページ内の見出しを検出してスクロールバーに見出し表示してくれる…

  2. Chromeツール

    Chromeの履歴を使いやすく!! 履歴の閲覧が便利になるChrome拡張機能 『Better Hi…

    Chromeの閲覧履歴を便利にしてくれる拡張機能曜日ごとにグラ…

  3. Chromeツール

    Chrome拡張 手軽にロゴ作成出来るアプリ 簡単な操作で色々と作れそうです Logo Maker

    Google Chromeの拡張アプリでオリジナルのロゴが作成出来るア…

  4. Chromeツール

    1年以内の記事だけを検索表示してくれるChrome拡張機能が便利 『ato-ichinen』

    Googleの検索結果を1年以内の記事に絞ってくれる拡張機能私…

  5. Chromeツール

    結構イイかも!! 似たページを表示してくれるChrome拡張機能 『Google Similar P…

    今見ているページと似ているページを表示してくれるChrome拡…

コメント

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

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

PAGE TOP