文钦的个人日志

文钦的个人日志

Chrome 实现插件截屏

更新于 阅读 61 次

在background.js文件中使用 chrome.tabs.captureVisibleTab 就可以截取页面，captureVisibleTab 方式返回一个Promise;

captureVisibleTab(windowId, options)的参数:

  • windowId: 目标窗口，默认当前窗口
  • options： 指定图片的格式和质量
async function captureVisibleTab (tab) {
  const dataUrl = await chrome.tabs.captureVisibleTab();
  // xxx
}

注意需要在 manifest.json中添加permissions属性值tabs，否则会报错

{
    "permissions": [...,"tabs"],
}