Google给前端开发提供的两个便利，微爬虫和吸色板

一.Google自带的有一个吸色板，就不用老用ps或者qq吸颜色了

打开google检查一个网页，点击color

二.Google有微爬虫功能(我自己取的名字😄)
所谓爬虫就是爬取别人网站上得到数据嘛，这里介绍一种简便的爬虫方式

例如一个网页，你先看一下你想爬取哪些数据，将它们的标签记下来，举个例子
我们想爬出这个图片中的热门，新闻，公告，活动，赛事数据

首先我们点击这5个tabcontrol，不需要点击下面的内容，然后我们在google的console.log中(前提是一定要把上面的tabcontrol点一遍，要不出来是一个空数组)

$$('.news_list .title').map(el=>el.innerHTML)

.news_list .title 就是内容的标签，通过map遍历，然后展示出来，每个页面标签名不一样哈小伙伴们

结果如下：

再举个例子:
你想爬取这些英雄的图片和名字

怎么做呢？？原理跟上面一样先找到这些图片和名字的标签(前提是一定要把上面的tabcontrol点一遍，要不出来是一个空数组)

$$('.hero-nav >li').map((li,i)=>{
    return{
        name:li.innerText,
        heroes:$$('li',$$('.hero-list')[i]).map(el=>{
            return{
                name:$$('h3',el)[0].innerHTML,
                avatar:$$('img',el)[0].src
            }
        })
    }
})
name,heroes,avatar是我们自己定义的，相当于把数据放在这几个对象或数组里面

结果如下: