js 将第三方字体内引用到的文件都下载下来

温馨提示：以下内容含金量不高，看到的人不要唏嘘，嗤之以鼻也不要告诉我哈

 

：把这个文件里面引用到的文件都下载下来

：体力活呗

：（脸色一冷）怎么是体力活，你写个程序

 

：（一脸小尴尬）奥

 

    回去瞅了一眼，里面的URL有将近三百条，好像是要程序解决更方便

 

然后一顿搜索，“批量下载网页上的全部链接”，找到一堆插件

Chrome插件ResourceSaver： https://blog.csdn.net/seoyundu/article/details/99604591

 

这是个好东西，奈何对我的需求不适用，我的文件实际上是一个css文件，里面引入很多链接

 

 

 

 

然后，我就考虑用js切割成一个个链接（好在那个文件里的内容很有规律，很整齐，copy出来存为字符串），存到数组里面，然后循环下载（思路很棒）

（有人动动嘴唇说写个爬虫（nodejs、Python），被我怼回去：大佬都是动动嘴巴，都不用上手的么，js多香啊，整那么复杂）

 

 

 

 

 

我用了window.location.href 下载文件只会执行最后一个,每次都跑到了,但是只下载了循环的最后一个，为啥？？

 

因为页面跳转和下载是异步的，你还没来得及跳转呢，你又到下一个了。

 

正确的做法是不要跳转，而是弹窗，不过首先要让浏览器允许弹窗（浏览器会有提示）

window.open(“文件url地址”)

 

就可以了

心路之旅完成

一个需求引发的诸多思考🤔🤔🤔