chrome.tabs.captureVisibleTabが間違った領域をキャプチャします

Question

大きなページのスクリーンショットを撮るクロム拡張を作成しようとしています。

私の単純な拡張機能は、ページの一部をスクロールしてキャプチャする必要があります。

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

capturevisibletabは、いくつかの同じ領域をキャプチャする場合のような問題は、ショットは[]、imageurisの配列は、いくつかの同じimageurisが含まれていることです回。

firefoxでは、まったく同じコードが正常に機能しますが、firefoxのcapturevisibletabでは約束を返し、コールバックは必須ではありません。

Answer 1

scroll（）関数は、callback（）が呼び出される前にタブがスクロールされていることを前提としています。
APIが非同期であるため、そのような保証はありません。
あなたのFFはまだシングルプロセスモードで動作しているからです。

executeスクリプトでcallbackを指定すると、スクリプトが実際に実行された後に呼び出されるようになります。

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