网页批量操作的自动化（以批量下载iconfinder网站图标为例）

网页批量操作的自动化（以批量下载iconfinder网站图标为例）

偶然找到tango主题的icon，这个系列共有213个图标，512*512px，非常精美。想要把这213个图标都下载下来，网站并没有提供批量下载ico格式图标的功能，难道要一个一个点吗？而且因为默认的下载格式是PNG格式，如果要下载ico格式，每一个图标点击可不止一次。那就开始进行批量下载：

1. 尝试把鼠标放在其中一个icon下载按钮上面，看到浏览器左下方显示一个URL:
   https://www.iconfinder.com/icons/118770/download/ico/512
   
   
   

   （如下图）

   
   
   

2. 把这个链接地址复制下来，粘在一个空白的浏览器标签里面，这个图标就自动下载到本地了。
   
   
   

   （如下图）

   
   
   
   

3. URL(https://www.iconfinder.com/icons/118770/download/ico/512)
   中118770应该是这个icon的索引值，现在需要找到其他图标的索引值，在这个图标上点击右键，选择inspect,在右边弹出来的这个充斥着HTML和CSS代码的开发者工具窗口中，用左右方向键来灵活进行结构体的折叠和展开，直到直观的看到了其他所有icon的索引值（把页面滚动到最底部以确保最后一个图标文件也被浏览器加载完成，这样才能确保所有的图标索引值可以被找到）。
   
   
   

   (如下图)

   
   

   
   

   
   

   
   
   

4. 拷贝Element到文本编辑器（也可以利用Excel）进行编辑，然后把编辑好的多个icon文件的下载链接粘贴到下载工具进行批量下载。
   
   
   

   (如下图)