troushoo

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

  1. --/--/--(--) --:--:--|
  2. スポンサー広告

Vorlon.JS : build 2015 でMicrosoft より発表された、JavaScript のデバッグ・テストツール



build 2015 のキーノートでMicrosoft より発表された、Vorlon.JS を紹介します。
Vorlon.JS はオープンソースで公開されており、JavaScript のデバッグ、テストを行うことができるツールです。

Vorlon.JS の使用準備
1. Vorlon.JS はnode.js を使っているため、node.js をインストールします。
node.js のサイトより、インストーラーをダウンロードし、ウィザードに従いインストールします。全てデフォルトの設定で問題ありません。


2. 管理者権限のコマンドプロンプトを起動し、以下のコマンドを実行しVorlon.JS をインストールします。

npm i –g vorlon



3. Web アプリのコード修正
Vorlon.JS を使うには、Web アプリに以下のコードを追加する必要があります。
<script src="http://<Vorlon.JS をインストールしたマシン名>:1337/vorlon.js"></script>


Vorlon.JS の使い方
1. 以下のコマンドを実行し、Vorlon.JS を起動します。
vorlon


2. ブラウザで「http://<Vorlon.JS をインストールしたマシン名>:1337」にアクセスします。

3. Web アプリを起動します。

4. 「CLIENT LIST」に表示されたリストをクリックします。


Vorlon.JS の機能
DOM Explorer
「DOM Explorer」のノードをクリックすると、Web アプリの該当の部分がハイライトされます。


ログ
「console.log()」「console.warn()」「console.error()」の出力を表示する事ができます。


コードの実行
Web アプリに対しコードを実行させることができます。


Modernizr
Modernizr によりレポートされた、サポートされているブラウザの機能を表示することができます。


情報元
VORLON.JS (英語)
  1. 2015/05/04(月) 20:32:11|
  2. ツール
  3. | トラックバック:0
  4. | コメント:0
<<Microsoft Azure Diagnostics with ELK : Azure Diagnostics をグラフ化 | ホーム | Windows SDK for Windows 10 のWPR/WPA の新機能 : マーカー>>

コメント

コメントの投稿


管理者にだけ表示を許可する

トラックバック

トラックバック URL
http://troushoo.blog.fc2.com/tb.php/237-ba25b270
この記事にトラックバックする(FC2ブログユーザー)

スポンサーリンク

最新記事

月別アーカイブ

カテゴリ

ツール (92)
ネットワーク (76)
Visual Studio (56)
SOS・Psscor2/Psscor4 (25)
WinDbg (25)
Linux (23)
Azure (17)
Tips (20)
英語 (1)
About Me (1)
未分類 (0)

全記事表示リンク

全ての記事を表示する

検索フォーム

RSSリンクの表示

リンク

このブログをリンクに追加する

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。