動的な選択リストを取得する方法

質問

AJAXなどを使用していて、ある項目を選択するとその内容に応じて
下の選択リスト（ドロップダウン・リスト）が作成されるようになっているページについて、
そのリスト（一覧）自体を簡単に取得するする方法について知りたいです。

通常はソースを表示すれば簡単に取得できますが、動的な選択リストの場合、
最初からリストの中身が存在するわけではないため、ソースから取得することは
容易くありません。

SSLが使用されているため、etherealなどで拾うことも容易くありません。
手でうつす以外になにかよい方法はないでしょうか？

回答No.1

himajin100000 · ベストアンサー

SSL環境で試したわけじゃないが…

例えば、以下のようなソースコードがあったとして。
http://ideone.com/j3xYf

IE9なら、ツール→開発者ツールで表示されるソースには
2つのoptionが見える

(俺は開発版使用で、リリース版に関心ないのでいつからか知らないが)
手元のFirefox Nightly(15.0a1 (2012-04-26))では、メニューからTools->WebDeveloper->Inspectで同じようなことが出来る。

ま、無きゃないで、多分addons.mozilla.orgとかから、WebDeveloperなりの拡張を拾ってくればどーにでもなるはず。

Safariでも
編集→設定→詳細→メニューバーに"開発"メニューを表示にチェックを入れて設定画面を閉じ、改めて"開発"メニューから「Webインスペクタ」を選択すればできる。

Operaは確認してない。面倒なので。
Google Chromeで発見できなかったけど、多分Firefoxみたいな拡張はどっかにあるでしょう。

#指摘の通り、Wiresharkは使えないと思うのでブラウザのことは直接ブラウザに聞く。

どれでもだいたい表示されたソース上の要素のコンテキストメニューでHTMLをとって来られるので、それでなんとでも。