WiFi лампа-будильник. Обсуждение прошивки от vvip-68
- Автор темы Makarevich
- Дата начала
@Константин 271б с веб-браузерами для мобильных всё довольно сложно. Браузеры, отвечая стандарту отвечают запрашивающему, что у них разрешение экрана 320x480 какое бы на самом деле оно физически не было. И браузер уже строит страницу исходя из этих размеров. В некоторых телефонах по видимому размер как-то все-же нестандартно отдается. Во всех что мне удалось протестировать - оминимально отдаваемая ширина была 375рх. На 320 не попадалась. Я попробую переделать, видимо, по результатам тестирования. Но что можно разместить в 320 пикс? Я могу окнечно на страничке указать жесткий размер экрана, скажем 640 по ширине. Но мне кажется тогда еще на меньшем количестве телефонов это будет нормально смотреться...
А попробуйте в браузере если в нем есть такой пункт - загрузить в версии для ПК?
Я не видел ламповых прошивок как они в вебе выглядят... Может там дизайн попроще - три поля, которые в 320Px упихать не проблема?... В WLED то что я видел - просто текстовая страница с полями для ввода циферек... Чему там не влезть то.
Ну или у тех авторов опыта писания для Web больше. Я для веб первый раз пишу - многих нюансов не знаю...
На моих доступных устройствах никаких проблем не было...Вот, выявили проблему - буду искать решение...
у вас все экраны Full HD?
Кстати, взял чуть покруче Андроид - 12, там тоже 720р экран - в Хроме всё отлично показывает. Всё работает.
А в Яндекс-браузере нет перемотки вниз страницы. Т.е. кнопки эффектов есть 4 штуки и далее промотать невозможно. А в играх, в этом браузере все 4 стрелки показывают вправо. Но работают как надо
Из физических телефонов - да. Из тех что предлагает эмулятор в браузере - там всякого добра, но мне кажется минимальная ширина у них - 360 пикс. Хотя вот у Galaxy S9+ у единственного 320. Начиная с ширины менее 420 пик в ширину (и меньше) скроллбар сделан невидимым, чтобы не занимать места на странице, но страница все равно пальцем протягивается куда нужно, хоть вниз хоть вверх. Если 4 стрелки в одну сторону - у вас не прогрузился файл стилей. В шрифте MaterialIcons нет стрелок в разные стороны, разное положение задается поворотом картинки на нужный угол. Поворот описывается в css-файле стилей. Попробуйте перезагрузить страничку. Из за недостатка оперативной памяти AsyncWebServer отдает не все запрашиваемые из браузера - "не не шмогла я, нету памяти"... Может страничка и вовсе не загрузиться. Увы.
Да, грузит файл что в Сафари, что в Опере. Такое ощущение, что web kit один там. Или как оно именуется...
Есть желающие с айфонами, чтобы помочь с проведением эксперимента?
Что нужно:
- В папке где установлены ваши ардуино библиотеки найти папку с файлами библиотеки ESPAsyncWebServer, далее в папке src найти файл WebResponses.cpp, пойти в строках 538, 569 закомментировать строчку с addHeader("Content-Disposition", buf)
Потом скомпилировать и залить прошивку и попытаться открыть веб-страничку интерфейса устройства на айфоне.
Что нужно:
- В папке где установлены ваши ардуино библиотеки найти папку с файлами библиотеки ESPAsyncWebServer, далее в папке src найти файл WebResponses.cpp, пойти в строках 538, 569 закомментировать строчку с addHeader("Content-Disposition", buf)
Потом скомпилировать и залить прошивку и попытаться открыть веб-страничку интерфейса устройства на айфоне.
Вложения
Изменено:
Информационное сообщение:
В репозитории обновлена прошивка проекта версии 1.14 - исправление ошибок.
Что изменено:
1. Масштаб отображения начальной страницы Web-интерфейса уменьшен, поскольку на некоторых телефонах не вмещался по ширине экрана
2. Исправлено открытие Web-интерфейса на айфонах
3. Включено кэширование файлов Web-интерфейса, чтобы браузер брал ранее загруженные файлы из кэша и не насиловал микроконтроллер постоянной загрузкой одних и тех же файлов..
Плюсы третьего пункта - более стабильная работа на ESP8266. Даже если файлы Web-странички не смогли загрузиться с первого раза, со второго-третьего все файлы странички будут сохранены в кэше браузера и интерфейс будет открываться достаточно быстро, не тратя время на ожидание пока микроконтроллер отдаст запрошенный файлы и не упадет при этом.
github.com
В репозитории обновлена прошивка проекта версии 1.14 - исправление ошибок.
Что изменено:
1. Масштаб отображения начальной страницы Web-интерфейса уменьшен, поскольку на некоторых телефонах не вмещался по ширине экрана
2. Исправлено открытие Web-интерфейса на айфонах
3. Включено кэширование файлов Web-интерфейса, чтобы браузер брал ранее загруженные файлы из кэша и не насиловал микроконтроллер постоянной загрузкой одних и тех же файлов..
Плюсы третьего пункта - более стабильная работа на ESP8266. Даже если файлы Web-странички не смогли загрузиться с первого раза, со второго-третьего все файлы странички будут сохранены в кэше браузера и интерфейс будет открываться достаточно быстро, не тратя время на ожидание пока микроконтроллер отдаст запрошенный файлы и не упадет при этом.
GitHub - vvip-68/LedPanelWiFi: LED панель или гирлянда на WS2812/WS2813, управление ESP8266/ESP32, Web-интерфейс
LED панель или гирлянда на WS2812/WS2813, управление ESP8266/ESP32, Web-интерфейс - vvip-68/LedPanelWiFi
github.com
Изменено:
@Константин 271, уже отвечал выше - там добавилось несколько новых definition, плюс, возможно, произошла пересортировка / группировка параметров. Параметров там не так много - проще сравнить и выяснить что поменялось.
Изменено: