Зошто една слика не успева, а остатокот од страницата се вчитува
Три услови разликуваат мрежен дефект од блокирано барање и од грешка при прикажување. Најдете ја URL-адресата што ја избра прелистувачот пред да ја смените патеката.
Страницата се вчитува, текстот се прикажува, а една слика останува скршена икона. Првата реакција е да се обвини тунелот, зашто тунелот е тоа што се промени. Пред тоа, откријте која URL-адреса прелистувачот навистина ја побарал за таа слика, бидејќи URL-адресата на страницата и URL-адресата на сликата се два различни докази. Повеќето пријави за исчезната слика завршуваат кај хост што никогаш не добил работно барање, а тој одговор чини еден поглед во панелот Мрежа.
Три услови одлучуваат каде да се бара
Првиот услов е дали сликата доаѓа од истиот хост како страницата. Одделен хост за слики бара свое решавање на имиња, своја врска и свој TLS идентитет, така што страницата што се вчитува не кажува ништо за него.
Вториот е дали прелистувачот го блокирал барањето пред да го испрати. Мешана содржина, политика за безбедност на содржината и правила за референца можат да запре слика без вообичаен одговор од серверот, затоа во списокот не се појавува неуспешно барање.
Третиот е дали испораката успеала, а прикажувањето не успеало, случај кога бајтите пристигнуваат, а сликата сепак не се појавува. Овие три услови имаат три различни сопственици, и само првиот е мрежно прашање.
| What you see | Where the fault sits |
|---|---|
| Request absent from the list | Markup, lazy loading or a policy that blocked it |
| Request failed or timed out | Resolution, route, TLS or the image host itself |
| Request returned 200, image blank | Response type, decoding or rendering |
Најдете го ресурсот што прелистувачот навистина го избрал
URL-адресата што ја гледате во изворниот код на страницата често не е онаа што била побарана. Множествата извори, picture елементите и CSS позадините му дозволуваат на прелистувачот да избере друг ресурс врз основа на ширината на приказот, густината на пиксели или поддршката за формат. Лениво вчитаната слика може воопшто да не биде побарана додека страницата не достигне одредена состојба.
Прегледајте го елементот и барањето заедно, и кога го пријавувате проблемот задржете го иницијаторот со барањето. Упатството за елементот слика на MDN на едно место покрива избор на извор, однесување при вчитување и контроли за референца, што е доволно да се утврди кој атрибут ја избрал неуспешната URL-адреса.
Запишете го името на хостот, статусот, било кој синџир за пренасочување и типот на содржината на одговорот. Одговор 200 што враќа страница за најава не е употреблива слика, а пренасочувањето на HTML страница за грешка изгледа исто како оштетена датотека додека не го прочитате типот.
Прочитајте го статусот пред мрежата
Истекување на времето, одбиено барање и грешка при декодирање бараат различни следни чекори, и токму статусниот код ги разделува. Истекувањето на времето укажува на решавање на имиња, рута или хост што не одговара. Одбиеното барање укажува на политика или слој за авторизација. Грешката при декодирање укажува на бајтите или форматот.
Ако барањето воопшто не се појави, престанете да ја гледате мрежата и погледнете го означувањето. Најчестата причина е запис во множество извори што прелистувачот го претпочитал и што веќе не постои на серверот, по што следи елемент што скриптата никогаш не го направила видлив.
Само оваа разлика го спречува најголемиот дел од залудно потрошената работа во овој вид пријави.
Кога прелистувачот го блокира, нема одговор за читање
Мешаната содржина е класичниот случај: HTTPS страница што бара слика преку обичен HTTP добива барање блокирано, а не неуспешно, и конзолата ја запишува причината. Политиката за безбедност на содржината го дава истиот облик, со блокираната директива наведена во пораката. Политиката за референца што го отстранува заглавието исто така може да го натера хостот заштитен од хотлинк да врати место-вредност наместо сликата.
Прочитајте ја запишаната причина пред да ја допрете мрежната патека, бидејќи овие блокади не се подобруваат кога рутата се менува. Додавањето дозволи меѓу извори, исто така, не е решението: прикажувањето слика од друг хост и читањето на нејзините пиксели во canvas се различни операции, и само втората ги бара заглавијата што луѓето ги вметнуваат.
За сајт што го администрирате, поправете ја URL-адресата на ресурсот, одговорот или политиката кај нејзиниот сопственик и задржете ги барањата за авторизација и референца непроменети. За сајт што не го контролирате, испратете ја страницата и доказите од барањето до неговиот канал за поддршка наместо повторно да објавувате приватни или истекувачки врски до ресурси.
Споредете патеки без да ги менувате доказите
Ако навистина сакате да ја тестирате патеката за пристап, држете сето друго константно: истата страница, истата сметка, истата избрана слика, една дозволена патека променета. Споредете ги записите од барањата еден до друг, а не прикажаниот резултат, бидејќи прикажаниот резултат кажува дали сликата се појавила, а не зошто.
Слика што се вчитува на нова рута не докажува дека таа рута е авторизирана, а слика што останува скршена не докажува дека тунелот е виновен. Ако сликата е отстранета или пристапот е намерно ограничен, користете поддржана алтернатива наместо да ги исклучувате проверките на сертификатот или да копирате туѓ заштитен материјал.
Редослед на работа: идентификувајте ја избраната URL-адреса, прочитајте го нејзиниот статус и тип, проверете дали има запишана причина за блокирање, потоа споредете по една промена на патеката.