FirefoxのDevToolsとFirebugで表示されたときにGoogle検索テキストフィールドの入力IDが異なる

Question

FirefoxのDevTools経由でGoogle検索テキストフィールドの入力idの値を確認すると、値がlst-ibと表示されますが、要素をFirebugを使用して、私はgs_htifと値を参照してください。

同じフィールドのid値は両方のツールで異なって表示されている理由だから私は思っていました。

Answer 1

Firefox構造ツールとFirebugの両方のHTML構造を注意深く見ると、タグのid="lst-ib"とid="gs_htifo"が表示されます。

カーソルを置く方法や、要素を識別するこれらの方法の1つが他のものと異なる場合があります。

Answer 2

私はそのような場合、要素を取得する最良の方法は、xpathを使用することだと思います。 私は、自動化を開始しているときに同じ問題に直面しました。 *を使用してcssロケータに言及することもできますが、chormeとfirefoxで検索するとcssロケータが異なるので、xpathで作業するのが最も良い解決策です。

Answer 3

Google検索サイトDevToolsとFirebugのHTML構造を慎重に見ると、複数の<input>要素（ID：lst-ib、gs_taif0、gs_htif0）が相互に（自動補完用に）配置されています。また、それらのツール内でマウスの上にマウスを置くと、ボックスモデルが強調表示されます。

したがって、FirePathで書いたCSSセレクタまたはXPathでは、クラスではなくIDを検索する必要があります。