Я работаю над расширением Chrome (действие страницы) и сталкиваюсь с определенной проблемой.
Вот мой процесс расширения.В широком смысле расширение будет искать данные в текущей вкладке и отображать релевантный контент во всплывающем окне, основываясь на этом.
content.js
Работает по определенным URL-адресам (в соответствии с определениемв массиве matches
) и включите расширение действия страницы, отправив сообщение на номер background.js
, чтобы отобразить расширение.Также можно настроить отправку сообщений с данными из текущей вкладки на background.js
background.js
Как упоминалось выше, при получении конкретных данных от content.js
, background.js
вызовет API бэкэнда для получения соответствующих данных.Впоследствии эти данные отправляются в сообщении, которое, как ожидается, будет отображать popup.js
.
popup.js
Это настройка для прослушивания события из фона и использованияданные отправляются в сообщении, чтобы внедрить один или несколько элементов <li>
в элемент <ul>
, определенный в popup.html
с использованием jQuery
.
. Проблема, с которой я сталкиваюсь, заключается в том, что при нажатии на всплывающее окноЯ не вижу вставленный элемент списка.Однако, оставив всплывающее окно открытым после нажатия на него (после загрузки страницы) и при последующей перезагрузке страницы, я мог видеть вставленный элемент списка.Мое требование - чтобы всплывающая страница показывала элемент списка в сообщении из фона и сохраняла его.Я должен видеть это, когда пользователь нажимает на значок расширения, чтобы открыть всплывающее окно.
Что я делаю неправильно?