chrome.tabs.captureVisibleTab fängt den falschen Bereich ein

Question

Ich versuche eine Chrome-Erweiterung zu erstellen, die einen Screenshot von einer großen Seite erstellt.

Hier ist eine meiner einfachen Erweiterung, die zu einigen Teilen einer Seite scrollen und erfassen sollte.

manifest.json

{ 

     "manifest_version": 2, 
     "name": "screenshot_test", 
     "version": "1.0", 

     "permissions": [ 
     "tabs", 
     "<all_urls>" 
     ], 

     "background": { 
     "scripts": ["background.js"] 
     }, 

     "browser_action": { 
     "default_icon": "icon.png" 
     } 

    } 

background.js

chrome.browserAction.onClicked.addListener(capture)  
function capture(){ 

    function scroll(point, callback){ 
     chrome.tabs.executeScript({ 
      code: 'window.scrollTo('+JSON.stringify((point.x))+','+JSON.stringify(point.y)+')', 
     }, callback) 
    } 

    function capturetab(){ 
     chrome.tabs.captureVisibleTab(function(imageUri){ 
      shots.push(imageUri); 
     }); 
    } 

    var shots=[]; 
    var points=[{x: 0, y: 0}, {x: 500, y: 500},{x: 1000, y: 1000}]; 

    for (var i=0; i<3; i++) scroll(points[i], capturetab);  
    console.log(shots); 
} 

Das Problem ist, dass Schüsse [], die Anordnung von imageuris, einige identischen imageuris enthalten, wie wenn capturevisibletab die gleiche Fläche mehr einfängt mal.

In Firefox funktioniert genau der gleiche Code ganz gut, mit der Ausnahme, dass in Firefox capturevisibletab Versprechen und Rückruf ist kein Muss.

Answer 1

Die Funktion scroll() setzt voraus, dass die Registerkarte gescrollt wird, bevor callback() aufgerufen wird.
Es gibt keine solche Garantie, da die API asynchron ist.
Ich denke, es funktioniert jetzt nur für Sie, weil Ihr FF noch im Single-Process-Modus läuft.

Geben Sie die callback in executeScript an, so dass sie zurückgerufen wird, nachdem das Skript tatsächlich ausgeführt wurde.

function scroll(point, callback){ 
    chrome.tabs.executeScript({ 
     code: 'window.scrollTo('+JSON.stringify((point.x))+','+JSON.stringify(point.y)+')' 
    }, callback); 
    }