17

IE Developer Tool を使用して要素の XPath を見つける方法はありますか?

4

4 に答える 4

7

目的が MRI を使用できる CSS セレクターを見つけることである場合 (MRI が開いたら、任意の要素をクリックして要素のさまざまなセレクターを表示します)。

http://westciv.com/mri/

Xpath の場合:

http://functionaltestautomation.blogspot.com/2008/12/xpath-in-internet-explorer.html

于 2011-01-26T23:08:40.553 に答える
4

この投稿では、「クリックで要素を選択」オプションをオンにすると、クリックした要素の XPath を IE Developer Toolbar に表示できるはずであることが示唆されています。 http://blog.balfes.net/?p=62

または、この投稿では、ブックマークレットまたは IE デバッグバーのいずれかが提案されています: Internet Explorer での Firebug の「XPath のコピー」と同等ですか?

于 2011-01-26T01:08:13.317 に答える
2

SWD Page Recorderと呼ばれるツールを使用して、IE やさまざまなブラウザーで XPath/CSS ロケーターを検索/デバッグできます。

唯一の制限/制限:

  1. ブラウザはツールから起動する必要があります
  2. Internet Explorer Driver Server - IEDriverServer.exe- 別途ダウンロードし、近くに配置する必要がありますSwdPageRecorder.exe
于 2014-01-02T11:50:18.787 に答える
1

IE で xpath を取得する方法を探していますか?

Chrome用のxpatherやxpather、FireFox用の xpath-checker 、 firebugなど、他のブラウザ用のアドオンが多数あり、要素の xpath をすぐに取得できます。しかし残念ながら、これをIEで実行できるアドオンやツールはありません。ほとんどの場合、Firefox で上記のツールを使用してスクリプトに含まれる要素の xpath を取得し、(必要に応じて) 少し調整して IE で機能させることができます。

ただし、IE でのみ動作するアプリケーションをテストしている場合、またはこの要素を含む特定のシナリオまたはページが IE でのみ開く/再生される場合は、上記のツールを使用して XPATH を見つけることはできません。この場合に機能するのは、この目的のためだけにコーディングされたブックマークレットだけです。ブックマークレットは、IE にブックマークとして追加し、後で目的の要素の XPATH を取得するために使用する JavaScript コードです。これらを使用すると、xpather やその他の Firefox アドオンを使用するのと同じくらい簡単に XPATH を取得できます。

ブックマークレットのインストール手順

1)IEを開く

2) アドレス バーに about:blank と入力し、Enter キーを押します。

3) [お気に入り] メイン メニューから ---> [お気に入りを追加] を選択します。

4) [お気に入りの追加] ポップアップ ウィンドウで、名前 GetXPATH1 を入力します。

5)お気に入りの追加ポップアップウィンドウで追加ボタンをクリックします。

6) [お気に入り] メニューを開き、新しく追加されたお気に入りを右クリックして [プロパティ] オプションを選択します。

7)GetXPATH1 プロパティが開きます。Web ドキュメント タブを選択します。

8)URL欄に以下を入力します。

javascript:function getNode(node){var nodeExpr=node.tagName;if(!nodeExpr)return null;if(node.id!=''){nodeExpr+="[@id='"+node.id+"']";return "/"+nodeExpr;}var rank=1;var ps=node.previousSibling;while(ps){if(ps.tagName==node.tagName){rank++;}ps=ps.previousSibling;}if(rank>1){nodeExpr+='['+rank+']';}else{var ns=node.nextSibling;while(ns){if(ns.tagName==node.tagName){nodeExpr+='[1]';break;}ns=ns.nextSibling;}}return nodeExpr;}

9)[OK] をクリックします。ポップアップ アラートで [はい] をクリックします。

10) 手順 3 から 5 に従って別のお気に入りを追加します。このお気に入りに GetXPATH2 という名前を付けます (手順 4)

11) 作成したばかりの GetXPATH2 に対して、手順 6 と 7 を繰り返します。

12) GetXPATH2 の URL フィールドに次のように入力します。

javascript:function o__o(){var currentNode=document.selection.createRange().parentElement();var path=[];while(currentNode){var pe=getNode(currentNode);if(pe){path.push(pe);if(pe.indexOf('@id')!=-1)break;}currentNode=currentNode.parentNode;}var xpath="/"+path.reverse().join('/');clipboardData.setData("Text", xpath);}o__o();

13) 手順 9 を繰り返します。

あなたはすべて完了です!!

要素の XPATH を取得するには、マウスで要素を選択するだけです。これには、要素 (リンク、ボタン、画像、チェックボックス、テキストなど) が始まる直前にマウスの左ボタンをクリックし、要素が終了するまでドラッグする必要があります。これを行ったら、最初にお気に入りメニューからお気に入りの GetXPATH1 を選択し、次にお気に入りの GetXPATH2 を選択します。この時点で確認が表示されるので、アクセス許可ボタンを押します。メモ帳ファイルを開き、右クリックして貼り付けオプションを選択します。これにより、探している要素の XPATH が得られます。

于 2015-11-27T09:13:02.680 に答える