如何在HTML页面查找组件的属性值而不是检查它

我一直在研究Sencha测试，并且处于查找所有属性值（如ID，NAME等）的情况下将它们添加到我的脚本中，来表示组件。所以我正在做的是， 转到网页 - >右键单击组件 - >检查元素 - >，然后通过参考HTML代码获取足够的组件属性。 有没有什么方法可以查找HTML页面中的组件的属性值而不是检查它？请指教..如何在HTML页面查找组件的属性值而不是检查它

来源

2017-05-05 Anand Maheswar

是否有任何具体的xtype该组件？我的意思是哪个领域或组件？ –

没有任何特定的类型。我想获得任何类型组件的属性值，如文本框，组合框，单选按钮，复选框，按钮等。 –

*我一直在Sencha测试* - Sencha测试（或）Sencha Touch？ –

尝试Sencha chrome扩展的应用程序检查器，它可以帮助您更轻松地调试ExtJS和Sencha Touch应用程序。

它还可以帮助您检查组件树，数据存储区，事件和布局。

您可以从下面的网址进行安装，

App Inspector For Sencha

希望这有助于！

来源

2017-05-05 06:31:15

也https://www.sencha.com/products/inspector/ – pagep

你可以按ctrl + u将显示页面源。使用Ctrl + F来找到你想要的元素。这比检查元素更容易。

来源

2017-05-05 06:30:39 Sindhoor

转到浏览器控制台并执行下面的脚本来收集每个元素的属性列表。

var parentEl = document.getElementById("container"); 
 
getElementsAndAttributes(parentEl); 
 

 
function getElementsAndAttributes(container) { 
 
    var all = container.getElementsByTagName("*"); 
 
    for (var i = 0, max = all.length; i < max; i++) { 
 
    console.log(all[i].tagName); 
 
    var attrs = all[i].attributes; 
 
    var keys = Object.keys(attrs); 
 
    for (var j = 0; j < keys.length; j++) { 
 
     var attr = attrs[keys[j]]; 
 
     console.log(attr.name + " -> " + attr.value); 
 
    } 
 
    } 
 
}

<body> 
 
    <div id="container"> 
 
    <span class="title" style="color:GREEN;">Phineas</span> 
 
    <img src="https://cdn.pastemagazine.com/www/blogs/lists/2010/05/12/phineas.jpg" width="104" height="142"> 
 
    </div> 
 
</body>

来源

2017-05-05 08:23:20 Gilsha

要获得属性组成元素的值编程：

首先，获取组件。有多种方式，例如：

var component = Ext.getCmp(id)获取具有某个ID的组件。
var component = Ext.ComponentQuery.query(xtype)让你一定xtype

二的所有组件的阵列，在该组件上，呼叫getEl()或任何其他元素选择器，例如：

var el = component.getEl()
var el = grid.getView().getEl()
var el = formfield.inputEl

三，关于EL，叫getAttributes：

var attributes = el.getAttributes()

属性现在将包含类似这样的对象：

class:"x-grid-view x-grid-with-col-lines x-grid-with-row-lines x-fit-item x-grid-view-default x-unselectable" 
data-componentid:"tableview-1325" 
id:"tableview-1325" 
role:"rowgroup" 
style:"margin: 0px; overflow: auto; width: 317px; height: 664px;" 
tabindex:"0"

来源

2017-05-05 16:16:40 Alexander

如何在HTML页面查找组件的属性值而不是检查它

回答

相关问题