如何使用 JavaScript（來自 Dev Tools）在 Chrome 中保存完整頁面？

Question

這個問題是從 Super User 遷移而來的，因為它可以在 Stack Overflow 上得到解答。 1 小時前遷移。

在 Chrome 中，要保存完整的網頁，我可以單擊 Ctrl+S >“格式：網頁，單個文件”> 將其另存為“.mhtml”。

我怎樣才能使用 JavaScript 自動執行相同的操作？

如果我打開 chrome devtools，我可以輸入一行 javascript 來完成嗎？

Answer 1

只需將這段代碼輸入您的控制台（Chrome Dev Tools），然后彈出保存位置（該網頁將在您的默認下載位置保存為 HTML 文件）將打開

(async () => {
  const html = await fetch(window.location.href).then(response => response.text());
  const blob = new Blob([html], { type: 'text/html' });
  const url = URL.createObjectURL(blob);
  const a = document.createElement('a');
  a.style.display = 'none';
  a.href = url;
  a.download = 'page.html';
  document.body.appendChild(a);
  a.click();
  setTimeout(() => {
    document.body.removeChild(a);
    window.URL.revokeObjectURL(url);
  }, 100);
})();