Search code examples
javascriptgoogle-chromegoogle-chrome-extension

Why isn't chrome.pageCapture.saveAsMHTML working in my Google Chrome Extension?


In my Google Chrome Extension, background.js defines this function:

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");
          }
        )
      }
    }
  );
}

Why, then, am I seeing this in my console?

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)

BTW, the line numbers in the console log line up like this:

  • 194: chrome.pageCapture.saveAsMHTML(
  • 188: chrome.tabs.query
  • 249: submitMTHML(); (inside another function)

chrome.pageCapture.saveAsMHTML() is defined here. The function returns a blob, which I should be able attach to a form in this way. I've provided the necessary permissions in the manifest.


Solution

  • The error explains it. Instead of chrome.pageCapture.saveAsMHTML(tab.id, callback), use chrome.pageCapture.saveAsMHTML({ tabId: tab.id }, callback)