Блог

Главная - Вопросы по программированию - Фон расширения Chrome, как отправить captureVisibleTab в отображаемый HTML-файл?

Фон расширения Chrome, как отправить captureVisibleTab в отображаемый HTML-файл?

#javascript #html #google-chrome-extension

#javascript #HTML #google-chrome-extension

Вопрос:

Привет, итак, я хочу открыть новую вкладку при нажатии кнопки со значком, со скриншотом предыдущей страницы. я пытаюсь отправить скриншот chrome.tabs.captureVisibleTab на html-страницу, чтобы я мог отобразить скриншот. Вот мой код

Background.js

 console.log("Background running");

var screenshot = {
    data : '',
    init : function() {
    this.initEvents();
    },

  initEvents : function () {
    chrome.browserAction.onClicked.addListener(function(tab) {
      chrome.tabs.captureVisibleTab(null,{
        format: "png",
        quality:100
      },function(screenshotUrl){
        screenshot.data = screenshotUrl;
        console.log(screenshotUrl);

      var newURL = "screenshot.html";
      chrome.tabs.create({ url: newURL });
      });
    });

  }
}

screenshot.init();

screenshot.html

 <html>
<head>
<title>Hello World</title>
<img src="myScreenshot.png" alt="png">
</head>
</html>

manifest.json

 {
  "manifest_version": 2,
  "name": "Image to text",
  "version": "0.2",
  "content_scripts": [
    {
      "matches": [
        "<all_urls>"
      ],
      "js": ["content.js"]
    }
  ],
  "permissions": ["activeTab"],

  "background": {
    "scripts": ["background.js"]
  },
  "browser_action": {
    "default_icon":"baconlogo.png"
  }


}

Как бы мне это сделать? Спасибо!