How to update information if it has been updated on another page?

Question

JavaScript

How to immediately update the information in popup.js as soon as new data arrives in background.js?

popup.js - popup on extension button

var background_JS = chrome.extension.getBackgroundPage(); //прямая ссылка
function onLoad() {
   content.innerHTML = background_JS.data_html; //показываем данные
}

background.js - background page

var data_html = "some data";
function onEvent(new_data) { //срабатывает при определённых условиях
   data_html = new_data;
}

Ситуация такая - попап открыт, и в это время фоновая страница получает новую информацию. Естественно, её нужно моментально обновить в попапе. Но как?
Приходит мысль, что можно проверять по таймеру. Но что-то подсказывает, что так не делают.

Answer 1

При открытии popup'а создаёте дискриптор на это окно.
После прихода информации в родительскую страницу, по этому дискриптеру обращаетесь к любому элементу popup-окна и меняете информацию стандартным способом: через методы модификации содержимого DOM-элементов.

Answer 2

Broadcast Channel API