Как определить, какой исходный код запрашивал изображение с помощью Firefox / Chrome? - PullRequest
0 голосов
/ 04 ноября 2019

Мне нужно локально установить на свой ноутбук мой веб-сайт Magento, который размещен у моего интернет-провайдера. Я собрал все источники и базы данных и сумел соединить все, кроме изображений. Я не могу видеть изображения с ползунков или из каталога продуктов.

Из инструментов разработчика Firefox я проверил страницу каталога и не вижу 404 для изображений. Таким образом, нет компонента, запрашивающего изображения.

Затем я зашел на онлайн-сайт и посмотрел изображение с панели Firefox Network:

enter image description here

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

Можно ли из сетевой панели определить, какой именно компонент (например, CSS, Javascript и т. Д.) Запросил изображение? Я совсем не против, если это доступно только в Chrome.

1 Ответ

0 голосов
/ 05 ноября 2019

И Chrome, и Firefox DevTools предоставляют способ показать происхождение запроса в своих Сетевых панелях.

В Chrome эту информацию можно увидеть в инициаторе столбец:

*Initiator* column for network requests in Chrome DevTools

В Firefox он называется Причина :

*Cause* column for network requests in Firefox DevTools

В настоящее время Chrome DevTools (начиная с Chrome 78 и Firefox 70) предоставляет больше информации о том, откуда именно пришел запрос, чем Firefox DevTools. Поэтому я создал запрос функции для Firefox DevTools, чтобы добавить более подробную информацию о причине сетевых запросов некоторое время назад.

...