chrome爬页面上表格某列的数据

有的时候会有这样一个需求，页面上有个大表格，我需要复制里面的一列到本地。比如，我要从表格里面，复制列出来的所有机器IP（这样比数据库导出方便点~）

首先，先用chrome的开发者工具，找到要复制的列中的某一个单元格，然后选择复制xpath。这样会复制下来这个元素的xpath路径，比如：

//*[@id=”machineGroupTable”]/tbody/tr[2]/td[2]

chrome的console，支持用$x()函数直接用xpath来定位元素，因此，可以通过类似这样的js，来获取刚选中单元格所在的所有列：
[cce lang=”javascript”]
$x(‘//[@id=”machineGroupTable”]/tbody//td[2]’)
[/cce]
这样返回的是chrome经过处理的xpath结果，直接就是dom的数组，因此可以直接遍历，获取单元格中的文本。
[cce lang=”javascript”]
var ip=[];
$x(‘//[@id=”machineGroupTable”]/tbody//td[2]’).forEach(function(e){ip.push(e.innerText)})
[/cce]
这样就把这列的所有内容，放到了ip这个数组中。

最后，把ip数组复制出来：
[cce lang=”javascript”]
copy(ip.join(‘\n’))
[/cce]
copy也是chrome console内置的命令，可以把传进去的参数复制到剪切板。注意这里要自己join下，不然会直接输出json格式的字符串。

这样，表格的列已经被复制到了剪切板，直接粘贴到需要的文本中即可。

转载自：https://coolex.info/blog/466.html