将 chrome 控制台的交错输出存储到单个变量中并复制它

Question

下面是使用标签和 ID 名称从特定站点抓取数据的代码：

document.querySelectorAll("div #menu a").forEach((item)=>(fetch(item.href).then(res => res.text()).then(data => console.log(data))));

这里菜单是锚标签的div标签的id名称，项目return是我想存储在本地的所有过滤后的锚标签。

我想 return 单个输出 var "data" 但我得到的输出是交错的方式，就像一个 url 完全然后它显示复制该代码然后下一个同样的事情还有另一个 url 等等

Answer 1

如果你想下载文件，你可以使用下面的console.save 我使用此代码通过更改标签和 ID

来抓取不同的文档站点和其他课程内容等等

http://bgrins.github.io/devtools-snippets/#console-save

(function(console) {
    console.save = function(data, filename){
        if(!data) {
            console.error('Console.save: No data')
            return;
        }
        if(!filename) filename = 'console.html'
        if(typeof data === "object"){
            data = JSON.stringify(data, undefined, 4)
        }
        var blob = new Blob([data], {type: 'text/json'}),
            e    = document.createEvent('MouseEvents'),
            a    = document.createElement('a')

        a.download = filename
        a.href = window.URL.createObjectURL(blob)
        a.dataset.downloadurl =  ['text/json', a.download, a.href].join(':')
        e.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null)
        a.dispatchEvent(e)
    }
})(console)
document.querySelectorAll("div #menu a").forEach((item)=>(fetch(item.href).then(res => res.text()).then(data => add(data)
)));
var body;
var add = data => {body += data;}
console.log(body)

只需使用“console.save(yourObjectHere)”下载，最后 3 行代码进行合并，要将数据复制到另一个变量，请使用“copy(yourObjectHere)”

将 chrome 控制台的交错输出存储到单个变量中并复制它

store staggered output from chrome console into single variable and copy it

javascript

google-chrome

google-chrome-devtools

screen-scraping