タグ

jQueryに関するdamedogのブックマーク (2)

  • 現在ページのjQueryイベントを全て確認するSnippets - Qiita

    はじめに 途中からプロジェクトに参加したり、複数人でjsをガリガリ書いていたりすると、どこでどんなイベントが設定されているか、全容が把握しにくいことがあると思います。 そこで、今いるページのイベントがざっと確認できるようなコードを書いてみました。何かの役に立つことがあれば幸いです。 注意事項 jQueryで登録されているイベントのみが対象です addEventListener等で登録されたものは表示されません ページにはjQueryが使われている必要があります このコードでは上手くいかないページも多いかと思います。必要に応じて適宜調整していただければと思います。 コード jQuery1.8以上 jQuery.noConflict(); jQuery(function($) { (function showEventList() { var allTags = document.body.g

    現在ページのjQueryイベントを全て確認するSnippets - Qiita
  • JavaScript開発のデバッグを加速するlog出力!

    ブラウザのデベロッパツールのコンソールへlogを出力する方法と、 その際の注意点や解決策についてソースコード付きで解説します。 最終的にはlog出力の完成形として、 IEエラー回避、consoleオブジェクトの記述無し、デバッグ切り替え機能付きの プラグインの作成まで順を追って解説致しますので、最後までお付き合い頂ければ幸いです。 JavaScript開発において、変数の中身の確認や、処理フローの状況を確認する為には、 今まではHTMLへ出力したり、alert()等で通知したりといった事が主流でした。 しかし、ブラウザの技術進歩により、かなりJavaScript開発の手助けとなる機能が充実して来ました。 そんな中、ブラウザのデベロッパーツールのJavaScriptコンソールへ logを出力する事が可能となりました。 今回の記事では、そんなlog出力の方法と、Safari、ChromeやFi

    JavaScript開発のデバッグを加速するlog出力!
  • 1