还在一个个复制数据？——今天教你控制台爬数据！

我们以魔兽世界官网——职业界面（点击进入）为例，进行讲解：

如果我们想要获取这些图片的链接，难道真要打开element一个个去找对应的链接，然后复制吗？这个网页图片少，复制还行，如果一个网页有上百个图片呢？
已死.jpg

懒惰的我们我们希望一键获取，所以今天介绍一种利用控制台获取数据的方法！

第一步：选择元素
按F12，进入控制台，如图所示：

点击选择箭头
用箭头点击所要获取的元素（此处为图片）
自动跳转到element中元素对应位置

第二步：记录元素对应位置

展开第一步element跳转的代码行，并展开，找到希望获取的元素（此处为红线画出的链接）
向上找父级，记录元素的位置.Card-image .Card-image--full .Art-image（这步方法不一，只要定位准确可以找到元素即可）

第三步：控制台输入查找元素代码

用$$('')定位元素:
$$('.Card .Card-image--full .Art-image')可见查询到一个包含12个元素的数组
上述代码查找到的结果为一个数组，所以可以使用数组的方法map()来获取元素中的值，map中存放着一个函数（箭头函数）
li是形参，表示数组中每个元素；
li.style.backgroundImage，表示数组中每个元素的style属性中的backgroundImage值
回车，获得结果
将数据转换为JSON格式
JSON.stringify()将查询代码放入括号即可

还在一个个复制数据？——今天教你控制台爬数据！相关推荐

python爬网站数据实例-如何用Python爬数据？（一）网页抓取
如何用Python爬数据?(一)网页抓取你期待已久的Python网络数据爬虫教程来了.本文为你演示如何从网页里找到感兴趣的链接和说明文字,抓取并存储到Excel. 需求我在公众号后台,经常可以收到 ...
python爬虫excel数据_最简单的爬数据方法：Excel爬取数据，仅需6步
原标题:最简单的爬数据方法:Excel爬取数据,仅需6步在看到这篇文章的时候,大家是不是都还停留在对python爬虫的迷恋中,今天就来教大家怎样使用微软的Excel爬取一个网页的后台数据,注:此方法 ...
2批量批量查询数据插入数据_你还在利用复制批量插入数据吗？一个oracle命令助你批量插入数据...
大家好,我是RomMr,一个务实的科技人! 你还在用复制.粘贴的办法批量修改数据库数据吗?今天就和大家分享一个可以直接调用文档的命令来帮助大家批量修改,插入数据. 1.start 和 @ 命令当我们 ...
excel表格中的空白行你还在一个个删除吗？Speedoffice教你一招
我们在使用使用表格的时候,会遇到表格中有很多的空白行的情况,你还在一个个删除吗?那样工作效率太低,今天和大家分享一个方法,使用这个快捷操作,就能一次隐藏掉表格内的所有空行. 1,首先我们运行speed ...
Wireshark数据抓包教程之Wireshark捕获数据
Wireshark数据抓包教程之Wireshark捕获数据 Wireshark抓包方法在使用Wireshark捕获以太网数据,可以捕获分析到自己的数据包,也可以去捕获同一局域网内,在知道对方IP地址 ...
python刷题一亩三分地_手把手教你用python抓网页数据【一亩三分地论坛数据科学版】...
前言:. visit 1point3acres.com for more. 数据科学越来越火了,网页是数据很大的一个来源.最近很多人问怎么抓网页数据,据我所知,常见的编程语言(C++,java,pyt ...
sqlite3数据存储最多存储多少条数据?达到上限如何处理?_在数据爆炸的当下，教你设计一个能实现9个9数据可靠性的存储系统...
据 IDC 发布的<数据时代 2025>白皮书预测:在 2025 年,全球数据量将达到史无前例的 163ZB. 随着网络发展速度越来越快,数据的产生量正在呈指数级上升,企业面临的数据压力也 ...
如何在 Vue 中使用 Chart.js - 手把手教你搭可视化数据图表
本文首发:<如何在 Vue 中使用 Chart.js - 手把手教你搭可视化数据图表> 使用 Chart.js 在 Vue 搭建的后台管理工具里添加炫酷的图表,是所有数据展示类后台必备的功 ...
Nature综述：手把手教你分析菌群数据
本文转载自"热心肠先生",己获授权. 导读自然微生物综述(2017 IF:31.851)于2018年5月23日在线发表了Rob Knight亲自撰写(一作兼通讯)的微生物组领域研 ...

还在一个个复制数据？——今天教你控制台爬数据！

还在一个个复制数据？——今天教你控制台爬数据！相关推荐

最新文章

热门文章