FireFoxやChromeを使って任意のノードのXPathを簡単に抽出する方法について - プログラマでありたい
「Ruby製の構文解析ツール、Nokogiriの使い方 with Xpath」というエントリーで、Nokogiriの使い方に絡めてXPathの記述をちょこっと書きました。XPathは、XMLやHTMLのノードを指定する為の構文です。XPathを使うことにより、HTML中のタグも一意に指定することが出来ます。例えば、titleタグをXPathで指し示すのであれば、ルートノードであるhtmlタグの下のheadタグの下のtitleタグという構造から/html/head/titleといった表記になります。複数ある要素の場合、img[1]といった配列で指定することも可能なので、基本的には全てのタグを指定出来ます。XPathは色々なところで使われるようになっているので、スクレイピングに限らず覚えておいたら便利です。 しかし、問題が一点あります。目的のノードのXPathを、どうやって抽出するのか。XPa
Firefox 32 で開発ツールに 「Web ページ全体のスクリーンショットを撮影」 機能が追加
9月 2日に正式リリース予定の Firefox 32 では、開発ツールに Web ページ全体のスクリーンショットを撮影する機能が追加されました。開発ツールバーのボタンを押すだけで簡単にスクリーンショットが撮影可能です。レスポンシブモードにも対応。 現在 Beta チャンネルで、9月 2日に正式リリース予定の Firefox 32 では、開発ツールにいくつかの機能追加が行われています。 例えば、Web Audio Editor、スクラッチパッドにコード補完機能、インスペクタのルールビューでユーザエージェントスタイルを表示する機能などが追加され、それに伴って開発ツールバーのレイアウトも一部変更されていますが、同じく追加された、Web ページ全体のスクリーンショットを撮影する機能がかなり便利なので紹介。 開発ツール ： MDN Firefox 32 for developers ： MDN Fi
初心者がブラウザーでデバッグするための基礎知識
「JavaScriptデバッガー」でできること JavaScirptの処理系が持っている情報はJavaScriptデバッガーを用いて確認できます。今回は処理のフローの確認と、変数に代入されている値の確認をデバッガーを用いて行います。 「ステップ実行」で処理フローの確認 プログラムを書いていて、「ここは必ず処理されるはずなのに、どうして処理されていないの？」「なぜこの関数が呼び出されているの？」と思ったことがあるかと思います。そんなときは下記のようなJavaScriptプログラムを書いて「コンソール」にログを出力させてもいいのですが、もっと良い方法があります。それはJavaScriptデバッガーの「ステップ実行」です。 function factorial(n){ if(n > 0){ var result = 1; while(n > 1){ result = result ・n; n =
Chrome/Firefox の JavaScript Debugger でステップ実行時にライブラリ・フレームワークをスキップする - Qiita
JavaScript のデバッガ、便利ですよね。つかって、ますよね! Chrome, Firefox 両方の Developer Tool (Web Inspector) には JavaScript デバッガが付属しています。両者には Event Listener Breakpoints 機能が存在し、特定イベントのリスナ全部にブレークポイントを仕掛ける事が可能です。 しかし、jQuery の $.on, $.bind, その他 $.click(fn) 等でイベントハンドラを定義すると jQuery の中で addEventListeners が呼ばれ内部で処理をした後に実際に jQuery に渡した関数が呼ばれます。 そのため、JavaScript デバッガは jQuery 内部でブレークし本来飛んでほしいはずの関数に一発で飛んでくれません。 そこで Firefox には Library
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
