Как перехватить вызов API и отобразить данные с него с помощью UserScript?

Question

Существует webapp, который делает запрос (назовем его /api/item). Этот запрос возвращает тело json с полем itemData, которое обычно скрыто от пользователя, но я хочу сделать это.

Так как я могу сделать usercript, который прослушивает запрос на /api/item и отображает поле itemData?

Для справки путь веб-приложение делает запрос является:

return Promise.resolve(new Request(e,r)).then(sendCookies).then(addLangParam).then(addCacheParam).then(addXsrfKey).then(checkZeroRating).then(function(e) { 
      return fetch(e) 
     }).then(checkStatus).then(checkApiVersionMismatch).then(checkApiResponse) 

Большинство это не имеет значения, но важная часть Request (я думаю).

Answer 1

Этот webapp не использует XMLHttpRequest, но Fetch API.

Вы можете использовать fetch-intercept npm module для перехвата запросов на выборку. Пример кода:

import fetchIntercept from 'fetch-intercept' 

fetchIntercept.register({ 
    response(response) { 
    console.log(response) 
    return response 
    } 
}) 

Answer 2

У вас есть доступ к обеим предметам?

Если это так, то вы можете добавить еще один «затем». В противном случае вы можете перезаписать «checkApiResponse»

Answer 3

Чтобы дополнить ответ @ michał-perłakowski. Если вы не используете npm, и хотите просто добавить в свой HTML-код fetch-intercept, то вы можете использовать чистый эквивалентный модуль JavaScript.