Как сделать так, чтобы диалоговое окно дополнительных разрешений для расширения Chrome отображалось локально?

Question

Я пытаюсь открыть это с диалоговое окнодополнительными разрешениями локально во время тестирования.

Я следил за этим официальным руководством: https://developer.chrome.com/docs/extensions/reference/permissions/

В моем случае необязательное диалоговое окно разрешений должно в идеале активироваться, когда на моем веб-сайте нажимается кнопка класса .cbtn.

Вот часть chrome.permission.request моего файла background.js

      document.addEventListener("DOMContentLoaded", function(event) {
  document.querySelector('.cbtn').addEventListener('click', function(event) {
      console.log('now activating prompt!!');
      chrome.permissions.request({
        permissions: ["bookmarks"]
      }, function(granted){
        // The callback argument will be true if the user granted the permissions.
        if (granted) {
          // doSomething();
          console.log('Access granted');
        } else {
          // doSomethingElse();
          console.log('Access denied');
        }
      });
  });
});

Примечание. Мой manifest.json не содержит разрешений для закладок.

В сообщениях об ошибках chrome: // extensions /? Для моего распакованного расширения я вижу сообщение об ошибке: «Uncaught TypeError: Cannot read property 'addEventListener' of null»

Я не знаю, связано ли это с тем, что он пытается найти .cbtn на самой странице chrome: // extensions /, а не на моем конкретном веб-сайте, где действительно существует кнопка с классом .cbtn,

Буду признателен за любую помощь, указатели на это