2015-02-24 2 views
2

Я пытаюсь отлаживать элемент, который загружается в течение первой .5 - 1 секунды при загрузке страницы. После этого он полностью исчезает; Мне интересно, есть ли вообще способ остановить страницу, пока она загружается в определенное время, либо с помощью скрипта или эмулятора, чтобы я мог отследить этот элемент с помощью инструментов разработчика.Остановить загрузку страницы в указанное время

Спасибо за любые указатели!

+0

Вы пробовали отлаживать javascript с помощью инструментов разработчика Google или Firebug Mozilla? – progrAmmar

+0

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

+0

Вы можете попробовать встроенный HTML-Javascript сразу после оскорбительного элемента и установить там точку останова отладчика. – jdphenix

ответ

1

Вы можете позвонить window.stop(), чтобы остановить загрузку окна, если это то, что вы ищете.

Похоже, было бы проще приостановить выполнение сценария с помощью отладчика javascript браузеров, установив некоторые точки останова вместо ручной установки инструкции stop.

+0

Могу ли я разрешить загрузке страницы UNTIL определенной точкой? Скажите, 3 секунды, а затем остановитесь, как есть? –

+1

@Nooneknows Я думаю, что добавление чего-то типа ' 'в самом верху документа должен работать. – Kapep

1

Вторая попытка, теперь, когда я понимаю ваш вопрос немного лучше.

Вы можете использовать MutationObserver для вывода изменений в DOM. Что-то же просто, как

var observer = new MutationObserver(function (mutations) { 
 
    mutations.forEach(function (mutation) { 
 
    console.log(mutation); 
 
    }); 
 
}) 
 
observer.observe(document.body, { 
 
    attributes: true, 
 
    childList: true, 
 
    characterData: true, 
 
    subtree: true 
 
}); 
 

 
var hiders = document.querySelectorAll('.hider'), 
 
    hiders = Array.prototype.slice.call(hiders); 
 

 
hiders.forEach(function(el) { 
 
    el.parentNode.removeChild(el); 
 
});
<div class="hider"></div> 
 
<div class="hider"></div>

в load обработчик окна будет работать, и будет выводить MutationRecord при каждом изменении. Я бы поспорил, что один из них будет вашим элементом (в частности, removedNodes записи). Консоль браузера для этого фрагмента будет иметь то, что вы увидите, если вы используете это.