Почему картинки не отображаются в мобильном браузере?

Есть несколько возможных причин, почему картинки могут не отображаться в мобильном браузере. Некоторые из них могут быть:

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

2. Ошибки в коде HTML или CSS: ошибки в коде могут привести к неправильному отображению изображений. Проверьте код на наличие опечаток или неправильных тегов.

3. Проблемы с загрузкой изображений: могут возникать проблемы с загрузкой файлов из-за низкой скорости интернет-соединения или ограничений, установленных на устройстве. Попробуйте загрузить другие изображения и убедитесь, что проблема не связана с конкретным файлом.

4. Несовместимость формата изображений: некоторые устройства или браузеры могут не поддерживать определенные форматы изображений, такие как WEBP или SVG. Убедитесь, что используемые форматы совместимы с устройством и браузером.

Чтобы отловить ошибку, можно попробовать следующие действия:

1. Проверьте консоль разработчика: в большинстве мобильных браузеров есть возможность просмотра консоли разработчика, которая может показывать ошибки загрузки или синтаксические ошибки в коде. Проверьте консоль на наличие сообщений об ошибках.

2. Попробуйте загрузить изображение на другом устройстве или браузере: если изображение успешно загружается на другом устройстве или браузере, то проблема скорее всего связана с конкретным устройством или браузером.

3. Проверьте размер и формат изображения: убедитесь, что размер и формат изображения соответствуют требованиям устройства и браузера.

4. Проверьте сетевое соединение: убедитесь, что устройство имеет стабильное интернет-соединение.

5. Обратитесь к разработчику или технической поддержке: если ничего из вышеперечисленного не помогло, обратитесь за помощью к разработчику или технической поддержке устройства или браузера.

картинка.src устанавливает источник для изображения.
картинка.onloadend определяет действия после окончания загрузки изображения.
В данном коде, после установки источника изображения, происходит его загрузка и после этого выполняется функция, которая определяет ширину, высоту и соотношение сторон загруженного изображения. Затем, устанавливается новый источник картинки с помощью функции создать_картинку, которая принимает параметры картинки, высоту иширину, а также делим ширину на соотношение. В результате, получается эффект вечного цикла, так как каждый раз после загрузки нового изображения, выполняются те же самые действия с новыми размерами.