IEでjavascriptのエラーをデバッグする方法 - bits and bytes
FirefoxであればFirebugで簡単に問題の場所をみつけられますが、IEでjavascriptのエラーが出ると、素っ気ないうえに意味不明な日本語のエラーメッセージが出てきてお手上げなので、エラーが出ている場所の特定すら困難です。 そんなときでもOfficeについているスクリプトエディタ(前はスクリプトデバッガという名前だった気が....)を使うと、Visual Studioのデバッガとおんなじインターフェイスのデバッガを使ってjavascriptのエラーを出している場所をすぐに見つけることができます。Firebugと比べると極めて重たいですが、関数呼び出しをバックトレースすることもできますし、各スコープでの変数の値を調べることもできるので、これを使わない手はありません。 が、いつもどうやってインストールするのかを忘れてしまうのでメモ代わりに書いておきます。 コントロールバネルのプロ
あるＳＥのつぶやき: log4js - JavaScriptログ出力ライブラリ
Log4js - The Logging API for JavaScript Javaの log4j をJavaScriptに移植した、log4jsというライブラリが公開されています。 ライセンス形式は、Apache License 2.0になっています。 これは、すごい便利！ どの辺が便利かというと、log4jsではログの出力レベルを設定できるのですが、デバッグ用のログを出力するコードがあったとしても、出力レベルを高くすると、そのコードがスキップされるところです。 ですので、デバッグしやすいコードを書いたままで、全体の設定をちょっと変えるだけでリリースすることができるようになります。 素晴らしい。 で、サンプルは以下のようになります。 <html> <head> <script src="log4js.js" type="text/javascript"></script> <scri
GT Nitro: カーレーシング・ドラッグレーシングゲーム - Google Play のアプリ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
<input type="hidden" /> の値を見やすく表示するデバッグ用の JavaScript ライブラリ
<input type="hidden" /> の値を見やすく表示するデバッグ用の JavaScript ライブラリ 2006-11-14-4: [JavaScript] フォームの <input type="hidden" /> の値をテーブルで見やすく表示するライブラリ HiddenView というのを作ってみました． いちいちソースを確認して，値が入っているか確認するのが面倒な人用．他の JavaScript ライブラリは必要としません． - 使い方 HiddenView.js を読み込んで，onload イベントで new HiddenView(); をしてください．これだけ． <script type="text/javascript" src="HiddenView.js"></script> <script type="text/javascript"> window.onl
VisualStudio 2005で、ASP.NET抜きのクライアント側JavaScriptコードをデバッグ実行する方法 【▲→川俣晶の縁側→ソフトウェア→技術雑記】
ASP.NETがAjaxベースで動作して、ページ遷移せずにイベントをサーバ側で処理できる素敵な未来の話は歓迎するとして、未だその未来に達していない目の前の現状についての話です。 ごくストレートにAjaxプログラムを開発する場合、それはクライアント側のJavaScriptコードとサーバ側のコードが直接的に絡まないで別個に動くことを意味します。これが何を意味するのかというと、たとえサーバ側技術にASP.NETを利用した場合であっても、クライアント側のデバッグの際には「ASP.NETに関わりを持たない単なるJavaScript埋め込みHTMLファイル」の中にブレークポイントを置いて実行する必要が出たりするわけです。 ところが、MSDNでVisualStudio 2005のJScriptのデバッグのあたりを調べても、コマンドラインプログラムのケースと、ASP.NETのケースしか説明が見つかりません
JavaScript用デバッグコンソール『IEerBug』:phpspot開発日誌
JavaScript 用デバッグコンソール "IEerBug" [tech.nitoyon.com] IEerBug は Internet Explorer 6.0 と FireFox 1.5 で動く JavaScript 用のデバッグ コンソールです。 IEでも動作するJavaScript 用デバッグコンソール。 エクステンションではなくブラウザ上で動くタイプです。 IEをどうしても使いたいという方には便利かも。 関連エントリ JavaScriptデバッグツール集
JavaScript 用デバッグコンソール "IEerBug" [tech.nitoyon.com]
IEerBug は Internet Explorer 6.0 と FireFox 1.5 で動く JavaScript 用のデバッグ コンソールです。 FireBug と同じ console.log()、console.debug() などの関数が使えるようになるため、FireFox と IE の両方でデバッグする場合に便利です。コンソールに出力したオブジェクトを、DOM インスペクタを利用して解析することも可能です。 使い方 ieerbug.zip をダウンロードし、中身をアプリケーションのディレクトリに配置します。IEerBug 用のディレクトリを作成して、その中に配置しても問題ありません。 HTML の中で次のようにして ieerbug.js を読み込みます。
![JavaScript 用デバッグコンソール "IEerBug" [tech.nitoyon.com]](https://cdn-ak-scissors.b.st-hatena.com/image/square/0152b5a283748a3bce479101d22b9b4c157d2c27/height=288;version=1;width=512/https%3A%2F%2Ftech.nitoyon.com%2Fapple-touch-icon-114x114.png){kind=icon}
SplineTech JavaScript Debugger. Debug JavaScript and JScript.
SplineTech JavaScript Debugger. Debug JavaScript.
JavaScriptデバッグツール集:phpspot開発日誌
Ajax Digest // Javascript debuggers overview JavaScript debugging has some specifics in comparison with stand-alone applications. JavaScript programs usually rely on interaction with the loaded page's Document Object Model (DOM) so errors may be caused by wrong DOM usage in a technically correct script. JavaScriptデバッグツール集。 様々なJavaScriptデバッグツールが紹介されてます。 （Microsoft Script Debugger) IE上で動作するもの Micros
JavaScriptオブジェクトを視覚的にデバッグする - snippets from shinichitomita’s journal
以前JSONサービスからオブジェクトを取得して表示するテストツールを作ったのだけど、表示部分の実装を少々作り直してまとめました。 debugobj.js 使い方： var obj = { a : "hello", b : "javascript", c : [ [ "c11", "c12" ], "c2" ] };のようなJavaScriptのオブジェクトに対して var dbgobj = new DebuggableObject(obj); dbgobj.render(document.getElementById('debugOutput'));としてやると、オブジェクトの各プロパティを階層的にHTMLテーブルでデバッグ表示します。 デモ： http://www.geocities.jp/stormriders999/jsdebug.html これを使って書き直したJSONサービステス
0503 - eto.com/d
ContentsDebugWindow注目をあびる優れた検索エンジンwemaNifty Corners++ Updateダウンロードniftypp.htmlniftypp2.css議論リンクsIFRNifty Corners++download使い方で、Buzz GameGiant StepsRuby on RailsGonzui CSS対応Gonzui JavaScript対応JavaScript at SourceForgeTinyMCEIE7HtmlAreaGoogle MapsAlphaImgFactoryAjaxversionの違い動的生成使いまわしがききそうな部分他の分析2005-03-18AjaxAjaxを説明する時に絶対使ってはいけない用語VML誰も知らないけど実はイケてる技術で、Mozilla SVGRealtimeWikiWikiばな Vol.4RastBreak it
JavaScriptで簡易スタック・トレース&プロファイラ - llameradaの日記
しばらく前にJavaScriptでのスタック・トレースの保存が話題となっていた。 最速インターフェース研究会 :: JavaScriptでDebugScreen、その2 http://d.hatena.ne.jp/brazil/20060117/1137427933 これらの記事を読んだとき、以前作ったプロファイラの仕組みを利用すれば、簡単なスタック・トレースならば保存できそうかなと思った。そこで、試しに作ってみた。コードは下記。 var FuncCallObserver = function(){ var self = this; self.listeners = ; self.observing = false; self.observe = function(object, name){ name = name || object.constructor; for(property
JavaScript::DebugScreen
デバッグに役立つかもしれないライブラリ 公開 : 2006-01-15 更新 : 2006-01-16 License : Same as Perl See also : http://www.bigbold.com/snippets/user/ma.la サンプル ダイアログはダブルクリックで消えます。 Firefoxだとeval系の行番号が正確に出ません 伝家の宝刀 Null またはオブジェクトではありません IEだと外部jsファイルのエラーを補足できません 使い方 debug.js debug.css ie_xmlhttp.js ファイルを保存してheadタグの中にこんな感じで貼り付ける。 <link rel="stylesheet" href="debug.css"> <script type="text/javascript" src="ie_xmlhttp.js"></scri
最速インターフェース研究会 :: JavaScriptでDebugScreen、その2
Bookmarkletを作った 最速インターフェース研究会を参考にして、ソースを表示するブックマークレットを作った。Firefox のソースを見る機能は、遅いしCGIとかだとリクエストを再送しちゃうし、けっこうダメダメ。これは Javascriptで動的にコードを生成するような場合でも、その時点でのソースを表示できる。 javascript:(function(){var HTMLtext = document.getElementsByTagName("*").item(0).innerHTML;var HTMLline = HTMLtext.split(/\n/);HTMLline = map(HTMLline,function(line,i){ var ln = i+1; var t = mul(" ", 5 - ("" + ln).length) + ln + ": " + esc
最速インターフェース研究会 :: JavaScriptでDebugScreenを表示する
デモ、IEかFirefox http://la.ma.la/misc/js/debugscreen/ IEとFirefoxではwindow.onerrorを設定するとJavaScript全体のエラーを補足できます。さらに返値をtrueにすると標準のエラーダイアログを抑制できます。 簡単なサンプルはこんな感じ。 window.onerror = function(mes,file,num){ alert([ "file : " + file, "line : " + num, "message : " + mes ].join("\n")); return true; } あまり細かい情報を取得できるわけではないので、例外処理に使ったりはできないのですが、エラーメッセージを親切にしたりできるかもしれません。 そんなわけで、ファイル名と行番号わかるなら自分自身をXMLHttpRequestで受
Javascript/デバッグ - Bobchin's Wiki
_ Javascriptでデバッグをしやすくする ＪａｖａＳｃｒｉｐｔのチョット便利なｄｅｂｕｇ方法 JavaScript Programming この辺を参考に自分なりに修正してみた。 出力を行ごとに色を変えるようにした。 出力でHTMLの特殊文字（「<」, 「>」, 「&」, 「"」）を変換するようにした。 ↑ デバッグするJavascriptのあるHTMLに上記ファイルをロードする。 <script language="JavaScript" src="debug.js"></script> debug.p()メソッドをコールする。引数に任意のオブジェクトを指定する。 var str = "任意の文字列"; var int = 0; var function = function(){}; var object = new Object(); debug.p(str); debug
memo.xight.org - JavaScriptのデバッグ方法
Venkman JavaScript Debugger FirefoxのExtention． JSUnit メソッド 内容 assert([コメント], booleanValue) assertTrueと同じ assertTrue([コメント], booleanValue) booleanValueがtrueか assertFalse([コメント], booleanValue) booleanValueがfalseか assertEquals([コメント], value1, value2) value1 == value2か assertNotEquals([コメント], value1, value2) value1 != value2か assertNull([コメント], value) value == nullか assertNotNull([コメント], value) value
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
