Как организовать скрипты для расширения?

Добрый день!
Пишу расширение для хрома, должно работать только на одном сайте и выкидывать сообщение с определенной переодичностью. Для того, чтобы работало только на одном сайте, прописал в manifest.json:

"browser_action": {
     "default_icon": "icon.png",
     "default_popup": "popup.html"
},
"content_scripts": [{
        "js": ["content.js"],
        "matches": ["https://websitename.com/*"]
  }]

То есть подгружаю скрипт только на одном сайте.
Проблема в том, что в скрипте я пытаюсь получить как элементы с сайта, на котором он используется (с websitename.com), так и элементы с окошка моего расширения (т.е. с popup.html), чтобы пользователь сам мог выставить время таймера. Но указанным образом получаю доступ только к элементам сайта (т.к. скрипт не привязан к моему popup.html).
Пробовал привязать скрипт к файлу popup.html, но в таком случае не могу получить элементы с веб-страницы сайта, а скрипт работает постоянно.
Как организовать скрипты, чтобы получить доступ ко всем элементам?