Вставка изображения в расширение хром

Я хочу знать, как вставить изображение в расширение Chrome.

<img id="image" src="logo.png" />

Я правильно вставляю этот html-тег на сайт, но, естественно, не могу загрузить этот образ logo.png.

Любые идеи о том, как изменить manifest.json?

Ответы

Ответ 1

Есть две возможные причины проблемы.

  • Вы вводите изображение с помощью src="logo.png". Вставляемый элемент изображения становится частью страницы, поэтому браузер не пытается загружать изображение из расширения.
    Чтобы устранить эту проблему, используйте chrome.extension.getURL('logo.png');, чтобы получить абсолютный URL ресурса.

  • "manifest_version": 2 включен в файле манифеста. Это отключает все ресурсы для внешнего использования по умолчанию. При возникновении этой ошибки на консоли появляется следующее сообщение:

    Не разрешено загружать локальный ресурс: chrome://gbmfhbpbiibnbbgjcoankapcmcgdkkno/logo.png

    Чтобы решить проблему, добавьте ресурс в белый список, а именно "web_accessible_resources" в файле манифеста:

      ...,
  "web_accessible_resources": ["logo.png"]
}