为什么 chrome.pageCapture.saveAsMHTML 无法在我的 Google Chrome 扩展程序中工作？

Question

在我的 Google Chrome 扩展中，

background.js

定义了这个函数：

function submitMHTML() {
  console.log("entered submitMHTML()");
  chrome.tabs.query(
    {active: true, lastFocusedWindow: true},
    function(array_of_Tabs) {
      if (array_of_Tabs.length > 0) {
        var tab = array_of_Tabs[0];
        console.log("submitMHTML() found the active tab has an ID of " + tab.id);
        chrome.pageCapture.saveAsMHTML(
          tab.id,
          function(mhtml) {
            var xhr = new XMLHttpRequest(), formData = new FormData();  
            formData.append("mhtml", mhtml);
            formData.append("surveyID", localStorage["ID"]);
            xhr.open("POST", "http://localhost:3000/task/mhtml", true);
            xhr.setRequestHeader('Authorization', 'Token token=<redacted>');
            xhr.send(formData);
            console.log("submitMHTML() sent mhtml to server");
          }
        )
      }
    }
  );
}

那么，为什么我会在控制台中看到这个？

entered submitMHTML()
submitMHTML() found the active tab has an ID of 450
extensions::uncaught_exception_handler:8 Error in response to tabs.query: Error: Invocation of form pageCapture.saveAsMHTML(integer, function) doesn't match definition pageCapture.saveAsMHTML(object details, function callback)
    at Object.callback (chrome-extension://nmlggmkodifcibdmpdaohpmhljbkgpdb/background.js:194:28)
    at submitMHTML (chrome-extension://nmlggmkodifcibdmpdaohpmhljbkgpdb/background.js:188:15)
    at submitResult (chrome-extension://nmlggmkodifcibdmpdaohpmhljbkgpdb/background.js:249:5)
    at HTMLButtonElement.<anonymous> (chrome-extension://nmlggmkodifcibdmpdaohpmhljbkgpdb/popup.js:25:78)

顺便说一句，控制台日志中的行号排列如下：

• 194：

  chrome.pageCapture.saveAsMHTML(

• 188：

  chrome.tabs.query

• 249：

  submitMTHML();

  （在另一个函数内）

chrome.pageCapture.saveAsMHTML()

定义于here。该函数返回一个 blob，我应该能够以这种方式将其附加到表单。我已在清单中提供了必要的权限。

Answer 1

错误解释了这一点。使用

chrome.pageCapture.saveAsMHTML(tab.id, callback)

 代替 

chrome.pageCapture.saveAsMHTML({ tabId: tab.id }, callback)

Answer 2

虽然这个问题已经过去很久了，但我最近才尝试这个API。

chrome.tabs.query({ active: true, currentWindow: true }, ([tab]) => {
  chrome.pageCapture.saveAsMHTML({ tabId: tab.id }, ArrayBuffer => {
    const aBlob = new Blob([ArrayBuffer], { type: 'text/plain' });

    const link = document.createElement('a');
    link.href = window.URL.createObjectURL(aBlob);
    link.download = 'aaa.mhtml';
    link.click();
    window.URL.revokeObjectURL(link.href);
  });
});

Answer 3

我在这里找到了一个保存页面内容的好解决方案解决方案

chrome.tabs.query({ active: true, currentWindow: true }, ([tab]) => {
  chrome.pageCapture.saveAsMHTML({ tabId: tab.id }, async (blob) => {
    const content = await blob.text();
    const url = "data:application/x-mimearchive;base64," + btoa(content);
    chrome.downloads.download({
        url,
        filename: 'filename.mhtml'
    });
  });
});