17

有没有办法使用 IE Developer Tool 找到元素的 XPath?

4

4 回答 4

7

如果您的目标是找到 CSS 选择器,您可以使用 MRI(打开 MRI 后,单击任何元素以查看该元素的各种选择器):

http://westciv.com/mri/

对于 Xpath:

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

于 2011-01-26T23:08:40.553 回答
4

这篇文章建议如果您打开“通过单击选择元素”选项,您应该能够让 IE 开发人员工具栏向您显示您单击的元素的 XPath。 http://blog.balfes.net/?p=62

或者,这篇文章建议使用书签或 IE 调试栏: 相当于 Firebug 在 Internet Explorer 中的“复制 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 的xpatherFireFoxxpatherxpath-checker和 firebug,它们将在一秒钟内为您提供元素的 xpath。但遗憾的是,没有可用的附加组件或工具可以为IE执行此操作。在大多数情况下,您可以使用 Firefox 中的上述工具获取脚本中元素的 xpath,并稍微调整它们(如果需要)以使其在 IE 中工作。

但是,如果您正在测试仅在 IE 中工作的应用程序,或者具有此元素的特定场景或页面将仅在 IE 中打开/播放,那么您无法使用上述任何工具来查找 XPATH。那么在这种情况下唯一有效的是专门为此目的编码的书签。Bookmarklets 是 JavaScript 代码,您将在 IE 中添加为书签,稍后用于获取所需元素的 XPATH。使用这些,您可以获得 XPATH,就像使用 xpather 或任何其他 firefox 插件一样容易。

安装书签的步骤

1)打开IE

2) 在地址栏中输入 about:blank 然后回车

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) 单击确定。在弹出警报上单击“是”。

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 回答