Как из js-файла изменить содержимое popup.html без подключения в нем js-файлов в расширении chrome

Создаю первое расширение для гугла. Нужно чтобы js-файл мог записывать html-код в popup.html, но при этом js-файл не должен быть подключен в popup.html. Объясняю почему не хочу подключать js-файл в popup.html: js-файл подключается в manufest'e через content_scripts для определенного сайта, если же я подключаю js-файл в popup.html, то js-код срабатывает на всех сайтах. Я пытался ограничить в js-коде, чтобы он работал только на нужном мне сайте:

var url = window.location.href;
if(url.indexOf('*мой сайт*') != -1){
document.addEventListener('DOMContentLoaded', function () {
        *код*
    });
};

Но в таком случае он не работал(хотя если убрать проверку на url, то все прекрасно меняется в окне расширения) В итоге я пришел к выбору, что лучше оставить в manifest'e в content_scripts подключаемый скрипт на определенных сайтах и не подключать его в popup.html. Прошу рассказать почему при проверке на url не записывался код в окно расширения, а также как без подключения в html'e js-файла, изменить содержимое этого html-файла.

Код manifest.json:

{
    "manifest_version": 2,
    "name": "Azeron",
    "description": "Анализ и управление блоком", // описание в расширениях
    "version": "0.3.0",
    "icons": {"128": "/images/logo.png"}, // В расширениях
    "browser_action": {
        "default_icon": "/images/logo.png", // В панели сверху
        "default_popup": "index.html" // Страница для запуска
    },
    "permissions": ["activeTab"],
    "content_scripts": [
    {
    "matches": [
      "*мой сайт*"
    ],
    "js": ["/js/JavaScript.js"]
    }
    ]
}