top


総投稿数 本 
no_

スポンサーサイト

 --------
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
カテゴリ :スポンサー広告 トラックバック(-) コメント(-)
no_805

JavaScriptDebug:ブラウザごとに充実してゆく、JavaScriptデバッギングツール ・・・ 【JavaScript】

 2009-03-24
 みなさんは、開発するのにどのブラウザ
 メインに利用されているのでしょう。
 やはり、Firefox が多いのかな。

 かくいう私も
  ・Firefox で基本確認を行い
  ・最終的に、IE や他のブラウザで確認・調整する
 スタイルが定着しつつあります。

 なぜ、Firefoxか?
 いろいろ考えられる理由の中で、一番大きかったのは
 「Firebug」の存在でした。

 その
  ・簡便な利用方法、使い勝手
  ・(さらに)他のアドオンで拡張
 などの理由から、
 もう、手放せないツールです。

 実は
  ・ブラウザ自体の使い勝手 や
  ・(体感)スピード
 などには、ちょっと Firefox に不満(失礼!)も
 あるんですけどね。

 ・・・あぁ、でももうそういう世の中ではないのですね。
 どんなブラウザにも
 (いや、ブラウザごとに、か)
 優れた、JavaScriptデバッグツール が存在しているようで。

 今日はその
  「ブラウザごとの、JavaScriptデバッギングツール」という
 ところに、注目してみました。

  追記に ▼

FC2ブログランキングにほんブログ村 IT技術ブログ Webサイト構築へブログ王ランキング人気ブログランキング人気ホームページランキングへ


more************************************************
◎ ブラウザごとの、JavaScriptデバッギングツール を試す
************************************************

それでは、羅列ですが・・・

【 for Firefox
 ・まずは、言わずと知れた
Firebug - Web Development Evolved
Firebug - Web Development Evolved ・Firefox の
 アドオン頁はこちらから

 ・・・もう、お使いですよね。
 重宝しています。


【 for Safari
 ・Webkit という
  フレームワークを利用して動くんですね。
Introducing Drosera
Introducing Drosera こちらから
 WebKit Nightly Builds
 というのをダウンロードすれば
 その中に最新版が含まれている

 ・・・なかなかいいらしい。
 Safari 4 ではうまく組み込めなかった。
 いづれ方法見つけて、試したい。

 なお、同じく 「Web Inspector」も良さそうだね。


【 for Opera
 ・最新版を組み込むと、すでに実装されている
Opera Dragonfly - Take a peek into the future
Opera Dragonfly - Take a peek into the future Operaの最新版
 ダウンロードした



 □ ファイルメニューの
   [ツール] > [詳細ツール] > [開発者用ツール]
   をクリックすると起動する
  [ツール] > [詳細ツール] > [開発者用ツール]
   Firebug と似たような画面、ですね。

 □ 「創るmetaboy」を開くと
  あちゃー、CSS にエラーがあるじゃないか!
  あちゃー、CSS にエラーがあるじゃないか!


【 for InternetExplorer
 ・その名も「DebugBar」なるものがある
DebugBar - IE extension for web developer
DebugBar - IE extension for web developer ダウンロードし、
 組み込んだ



 □ ツールバーが搭載された。
  ツールバーが搭載された

   [DebugBar] をクリックすると・・・
  [DebugBar] をクリックすると・・・

  ※またこれ以外に
 □ Microsoftオフィシャルの
 「Internet Explorer Developer Toolbar」も
 また別の観点から、いい感じ。
  [ツール] > [開発者用ツール]
   [ツール] > [開発者用ツール] で起動
   単独ツールとして、利用できそうだ。
   ※デフォルトで、別ウインドウで表示

 □ 「創るmetaboy」を開いた状態で、起動してみる
  「創るmetaboy」を開いた状態で、起動してみる
   ・HTML や CSS での
    きれいなディレクトリ表示なんかは、いい感じ。
   ・他にも機能はそろっていて、早速使い始めよう・・・


まぁ、ここまで揃ってくると、もう「十分」だね。
後は、どんどん書かないと・・・
commentsコメント
comment_post












管理者にだけ表示を許可する
commentトラックバック
トラックバックURL:
http://metaboy.blog23.fc2.com/tb.php/805-dc454eb8
ようこそ
Add to Google 創るmetaboy:RSSフィード
My Yahoo!に追加
最新記事のRSS | 問い合わせ

仕事検索、アルバイト検索、依頼仕事の検索ポータル - 仕事検索.COM - www.jobkensaku.com ツクルン

創るmetaboy - WEB創る、サイト創る、何創る - 創ったmetaboy

 

リンク集

 

最近の記事

 

ブロとも申請フォーム
Sponserd by

さくらのレンタルサーバ さくらのレンタルサーバ
大容量・高機能レンタルサーバー heteml 大容量・高機能レンタルサーバー heteml
XREA (ValueDomain)
お名前.com お名前.com
名づけてねっと名づけてねっと
ムームードメインムームードメイン

 

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