Firefox/Chrome 网络扩展 - 如何保存对控制台来说太大的输出?

Firefox/Chrome web extension - how do I save outputs that are too big for the console?

我试图在 chrome 网络扩展中使用 console.log() 记录网页的完整源代码。不幸的是,输出太大而无法保存在控制台中。即使它不是太大,我也想将输出保存在一个单独的文本文件中,以便将来查看。

这是我当前的代码:

fetch(newURL)
        .then((resp) => resp.text())
        .then(responseText => { console.log(responseText)}

控制台crashes/says程序调用时输出太大console.log(responseText)

如何将 "responseText" 保存到文本文件以便于操作,同时控制台不会崩溃?

如果您已经在使用 Node.js,您可以像在 Gist 中那样使用 File 对象:https://gist.github.com/Arahnoid/9925725

如果没有,试试这个:

function download(filename, text) {
  var element = document.createElement('a');
  element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
  element.setAttribute('download', filename);

  element.style.display = 'none';
  document.body.appendChild(element);

  element.click();

  document.body.removeChild(element);
}

// Start file download.
download("hello.txt","This is the content of my file :)");

来源:https://ourcodeworld.com/articles/read/189/how-to-create-a-file-and-generate-a-download-with-javascript-in-the-browser-without-a-server