Mobile Web: Wykrywanie kiedy zdjęcia zostały wyłączone

Question

Zabrakło mi w bardzo przykry problem dla sieci mobilnej. Na stronie mam używa obrazów dla większości jest to guziki, zarówno <a href="..."><img> i <input type='image'>. W związku z tym, jeśli użytkownik dezaktywuje obrazy, strona internetowa nie tylko nie wygląda dobrze, ale także traci możliwość nawigowania po witrynie. W szczególności system Android nie wyświetla informacji o obrazach, więc nic nie wskazuje na to, że obrazy nie są wyświetlane.

Czy istnieje jakiś sposób, aby ustalić, czy przeglądarka ma zdjęć niepełnosprawne bez używania JavaScript? Chciałbym wyświetlić bardziej ogólną stronę zoptymalizowaną pod kątem tekstu, jeśli ją wyłączyli.

Answer 1

bez użycia JavaScript w ogóle? Obawiam się, że nie jest to możliwe, przynajmniej po stronie klienta.

W HTML są noframe i NoScript tagów, ale nie równoważne tag dla obrazów, których zawartość będzie wyświetlana tylko wtedy, gdy obrazy były wyłączone lub nie są obsługiwane.

Potem przez tagi owijania obraz, może mógłbyś zrobić Tag, zamiast jej wizerunku, odpowiedzialna za pokazanie podpowiedź i obsługi zdarzeń.

Ponadto, aby upewnić się, że układ nie zostanie złamany, jeśli obrazy nie zostaną załadowane, można nadać znacznikowi A normalną wysokość i szerokość obrazu. To samo działałoby również dla znaczników <input type='image'>, zawijając je w znacznik zakresu i podając prawidłowe wartości atrybutów.

Na przykład:

<a href="..." style="height: 25px"; width: 80px;" title="Some tooltip text"> 
    <img...> 
</a> 

<span onclick="some action" style="height: 30px"; width: 70px;" title="Some other tooltip text"> 
    <input type='image'...> 
</span>