ブラウザのデベロッパツールのコンソールへlogを出力する方法と、 その際の注意点や解決策についてソースコード付きで解説します。 最終的にはlog出力の完成形として、 IEエラー回避、consoleオブジェクトの記述無し、デバッグ切り替え機能付きの プラグインの作成まで順を追って解説致しますので、最後までお付き合い頂ければ幸いです。JavaScript開発において、変数の中身の確認や、処理フローの状況を確認する為には、 今まではHTMLへ出力したり、alert()等で通知したりといった事が主流でした。 しかし、ブラウザの技術進歩により、かなりJavaScript開発の手助けとなる機能が充実して来ました。 そんな中、ブラウザのデベロッパーツールのJavaScriptコンソールへlogを出力する事が可能となりました。 今回の記事では、そんなlog出力の方法と、Safari、ChromeやFi
この記事のオリジナルは voxxed に投稿されたものです。JavaScript関連の問題を抱えるチームをサポートする仕事を通じて、いくつか共通の問題点があることに気づきました。もしあなたもJavaScriptに対するイライラを感じているのであれば、この記事は何らかの助けになるかもしれません。おことわり:私がお教えするヒントはすでにご存知のものもあるとは思いますが、うまくいけば、多少なりとも有用な情報があるかもしれません。特にエンタープライズアプリケーションやCMSソリューションを構築する際に有効なヒントです。チームの誰もが話したがらないCMSのコードについてお話しします。いずれも必要に応じて採用できるものです。 debuggerステートメント 大半のブラウザでサポートされているにもかかわらず、JavaScriptを書く際に最も活用しきれていない機能の1つです。debuggerステートメ
The console object crops up everywhere. But what isit, and what canit do? Most people seem to useit without realising the sheer convenienceit can provide. Let’s take a look at whereit comes from, and how to useit correctly. Built-in vs. Host The console object is what’s known as a host object in ECMAScript. Host objects are supplied by the host environment. Node’s documentation refers to con
きっかけ デバッグ用に console をラップしたオブジェクトを作ってて、Sinon.js を使ってテストをしてたら、なんか IE でエラーが出る。 調べてみると Sinon.js 内にこんなコードがあって・・・ function isFunction(obj) { return !!(obj && obj.constructor && obj.call && obj.apply); } これが console.log に対して false を返してるのが原因らしい。 true を返しそうなもんだけど・・・ どうなってんの? どうも納得がいかなかったので、IE8 と IE9 のコンソールで色々試してみた。 typeof console.log は "object" を返す Object.prototype.toString.call(console.log) は "[object Obj
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く