Safari 扩展截图

Question

我正在开发 Safari 浏览器扩展，它应该具有截屏功能。

Chrome 和 Firefox 都有自己的 api 来获取当前窗口文档的 SS。 我找不到任何特定于 Safari 的/API 文档。 The Windows and Tabs API

实现它的最佳方法是什么？

Answer 1

SafariBrowserTab 有一个visibleContentsAsDataURL 方法来获取当前可见内容的图像数据。

例如，在您的全局页面中：

safari.application.addEventListener('command', performCommand, false);

// Perform e.g. when toolbar button is clicked
function performCommand(event) {
    if (event.command === 'captureTab') {
        var tab = safari.application.activeBrowserWindow.activeTab;
        tab.visibleContentsAsDataURL(function(imgdata) {
            //console.log(imgdata);
            // Do something...
            // e.g. Send to an injected script to display image on page:
            tab.page.dispatchMessage('imgData', imgdata);
        });
    }
}