Определение загрузки страницы из современных рамок JS в расширении хромированной

Question

Я пытаюсь держать мой хром расширение (написанное с реагировать) обновляется на веб-сайте, написанные с ember.js

Есть ли событие срабатывает, когда страница перезагружается? Мне еще не удалось найти его ... Я думаю о прослушивании события tabUpdate из chrome utils, чтобы проверить, изменился ли URL. Но что, если URL не меняется?

Я не могу слушать событие смены дома, страница постоянно изменяется, и я не хочу, чтобы мое расширение слишком много перезаряжалось.

Answer 1

Лучший способ, который я нашел сейчас, - послушать изменения вкладок с помощью хром.

Я использую React with Redux.

-

listener.js (в фоновом скрипте)

export function listenTabReload() { 
    chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) { 
     if (changeInfo.url) 
     chrome.tabs.query({ active: true, currentWindow: true }, function(tabs) { 
      chrome.tabs.sendMessage(tabs[0].id, { reload: true }); 
     }); 
    } 
); 
} 

App.jsx (в сценарии содержимого)

componentWillMount() { 
    chrome.runtime.onMessage.addListener(this.reloadApp); 
} 

reloadApp = (request) => { 
    if (request.reload) 
    this.setState({ version: new Date() }); // Stub state to re render components 
};