Определить загрузку страницы в расширении браузера

Question

Мое расширение работает хорошо. Весь мой код работает от content_scripts. Иногда браузер зависает в состоянии "loading".

Когда я проверяю document.readyState, вывод 'loading'.

Использование window.onload = some_function() не работает, когда страница застряла на loading.

Я пытался сделать

document.onreadystatechange = function () {

  var state = document.readyState
  if (state == 'interactive') {
       console.log('page interactive')
  } else if (state == 'loading') { // never run

    console.log('Page Loading...')
  } else if (state == 'complete') {
        console.log('Page Loaded...')
  } else {

    console.log('unknown')
  }
}

и

if (document.readyState == 'loading') {
  console.log('loading yet, wait for the event') // Never run
} else {
  console.log('loaded, Now you can call the method')
}

Я знаю, что делаю неправильно, но не могу найти решение.

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

Что мне нужно: Как я могу определить, загружается ли страница?