Перехват http, fetch, ajax, websocket ответов

[Andy_kun]

Подскажите пожалуйста, позволяет ли JS перехватить запрос и ответы на них, на запросы которые делает браузер при загрузки страницы ?

То есть к примеру загружаю я в браузере javascript.ru, но заранее ставлю некие прослушивали:

-на все http, ajax - запросы и ответы от сервера при загрузке страницы браузером.
-на все websocket - запросы и ответы от сервера при загрузке страницы браузером.

К примеру есть прослушивать .onload() - но он ставится только на http/https - ответы и только на инициированный мной запрос.

[Andy_kun]

Смотри в DevTools вкладку Network.

Причем тут DevTools ?

[voraa]

но заранее ставлю некие прослушивали:

А на что вы их ставите? На какой элемент или объект?

[Andy_kun]

А на что вы их ставите? На какой элемент или объект?

Ну к примеру так:

function my_func(event)
    {
      console.log("my_func")
      console.log(event);
    }



document.addEventListener("DOMContentLoaded", my_func);
document.addEventListener("readystatechange", my_func);
document.addEventListener("onreadystatechange ", my_func);

[Vlasenko Fedor]

Service Worker API

[Aetae]

Такого нет, потому что это в нормальной разработке не нужно. Даля дебага есть инструменты разработчка.

Но если очень хочется и твой скрипт подключается до остальных, то в javascript можно замонкипатчить практически всё.

Можно заменить EventTarget.prototype.addEventListener на свою обёртку над оным и прицепи свою нагрузку к любому назначаемому через addEventListener обработчику(не забыть сделать то же самое для removeEventListener, а то он перестанет работать).
Точно также можно подменить fetch, XMLHttpRequest.prototype.open и т.д. и т.п.

..upd: да, спасибо Vlasenko Fedor, если нужно именно и только сетевое взаимодействие, то можно врезаться через Service Worker.

[Vlasenko Fedor]

JavaScript для профессиональных веб-разработчиков. 4-е международное изд 2022 начиная с страницы 1105
Книга действительно, хорошая и обширная. Одна из лучших, советую

[Andy_kun]

А зачем это еще может быть нужно.

Не вежливо отвечать вопросом на вопрос

[voraa]

Ну к примеру так:

function my_func(event)
    {
      console.log("my_func")
      console.log(event);
    }
 
document.addEventListener("DOMContentLoaded", my_func);
document.addEventListener("readystatechange", my_func);
document.addEventListener("onreadystatechange ", my_func);

Все равно не понимаю.

То есть к примеру загружаю я в браузере javascript.ru, но заранее ставлю некие прослушивали:

На чей document вы хотите вешать прослушиватели. На document javascript.ru? А как вы повесите прослушиватель на чужую страницу, которая еще не загрузилась?

[Andy_kun]

Все равно не понимаю.


На чей document вы хотите вешать прослушиватели. На document javascript.ru? А как вы повесите прослушиватель на чужую страницу, которая еще не загрузилась?

Ну видимо это я не понимаю, а не Вы.