8.8 Sencha Studio 监视工具( Inspect Tool)

文章目录

    • Inspect Tool(监视工具)
    • Inspect Tool使用实例

Inspect Tool(监视工具)

Inspect Tool是Sencha Studio中的一个功能,这个工具可以帮助我们快速定位页面中的元素或组件,并且可以自动插入代码。

Inspect Tool使用实例

在 “8.4 Sencha Studio设置与使用”中介绍了在Sencha Studio中测试京东的搜索功能,在那一节中通过Chrome开发工具定位了关键字输入框和开始搜索的点击按钮。
如果对Chrome开发工具不熟悉,或是对HTML DOM知识不熟悉,又或是页面元素很复杂,想更快速的定位页面元素要怎么办呢?这个时候Inspect Tool就又用武之地了。
同样以上面章节的京东搜索的测试为例,介绍Inspect Tool的使用入门。

  1. 在JD的测试场景节点下增加一个测试套件,取名 InspectTool,添加后的效果如下:
    8.8 Sencha Studio 监视工具( Inspect Tool)_第1张图片

  2. 将鼠标放在it的代码块中,点击上方的“Inspect”按钮

你可能感兴趣的:(Ext,JS开发大全)