[B! debug] takuma510のブックマーク

Learn How To Debug JavaScript with Chrome DevTools

As a new developer, finding and fixing bugs can be difficult. You may be tempted to randomly use console.log() in an attempt to get your code working correctly. Not Anymore! This article is all about debugging the correct way! You’ll learn how to use the Chrome Developer Tools to set up breakpoints and step through your code. This workflow is often a much more efficient way to find and fix bugs in

takuma510 2017/09/15

リンク

Ruby プロセスを追いかけるツール(プロファイラとか)10選 - sonots:blog

takuma510 2014/07/30

ruby
debug

リンク

Google chromeでHTTP headerをみる方法 - [Mi]みたいなもの

FifefoxでHTTPヘッダーをみるときは、以前紹介したようにLive HTTP Headersというアドインを使えばいいです。非常に重宝しました。ではGoogle Chromeではどうすればいいでしょうか。アドイン不要です。 net-internalsのEventsタブから確認できます。画面の上から下に向けて、古い物から新しいものの順に並んでいます。左半分のID、Source、Descriptionの該当行をクリックすると、右半分のLogタブにヘッダーが表示されます。整形されてて見やすいといえば、見やすいです。私としては、素のまま表示するLive HTTP Headersの方がとっつきやすいですけどね……。その他、JavaScriptで表示する方法や、Charles Proxyというプロキシ型のヘッダ確認ツール、「HTTP Headers」という拡張機能、があるようです

takuma510 2012/02/23

Chrome
debug

リンク

作業効率が10倍アップする Chrome Developer Tools の使い方

アジェンダ Chrome Developer Tools とは基本的な使い方応用的な使い方まとめ使用環境は Chrome 16 dev 版なので、stable版とはちょっと違うかも。 Chrome Developer Tools とは Google Chrome に付属のデバッガ JavaScriptやDOMをいじれるリクエスト情報を見たり、プロファイラで解析することもできる最近はFirebugより安定してるし高機能