Часто при работе с 1С через веб-клиент на планшетах или смартфонах пользователи сталкиваются с проблемой некорректного отображения интерфейса: элементы управления становятся либо слишком мелкими, либо неоправданно крупными, а формы «плавают» и не умещаются в экран. Это связано с тем, что стандартный веб-клиент изначально проектировался для классических настольных мониторов. Однако современные версии платформы 1С:Предприятие 8.3 предоставляют ряд инструментов для «заточки» интерфейса под мобильные нужды. Рассмотрим подробно, как добиться качественного отображения системы на портативных устройствах.
Прежде чем приступать к верстке форм, проанализируем ситуацию и выберем правильный инструмент. Важно понимать различие между способами доступа к 1С с планшета, так как от этого зависит стратегия разработки:
Если наша задача — обеспечить работу именно через браузер (веб-клиент), мы должны использовать механизмы адаптации управляемых форм.
Для того чтобы интерфейс выглядел адекватно, нам необходимо научить систему понимать, на каком устройстве она запущена. Разберем по шагам, как реализовать механизм переключения интерфейса в зависимости от физических характеристик экрана. Рассмотрим пример кода, который позволяет определить, является ли устройство планшетом или терминалом сбора данных (ТСД) по его разрешению:
ЭтоТСД = Ложь;
Экраны = ПолучитьИнформациюЭкрановКлиента();
Для Каждого Экран Из Экраны Цикл
Если (Экран.Высота < 600 И Экран.Ширина < 800)
ИЛИ (Экран.Высота < 800 И Экран.Ширина < 600) Тогда
Режим = РежимОсновногоОкнаКлиентскогоПриложения.ПолноэкранноеРабочееМесто;
КлиентскоеПриложение.УстановитьРежимОсновногоОкна(Режим);
ЭтоТСД = Истина;
Прервать;
КонецЕсли;
КонецЦикла;
Используя метод ПолучитьИнформациюЭкрановКлиента(), мы получаем массив структур, содержащих данные о разрешении. В дальнейшем, опираясь на переменную ЭтоТСД, мы можем программно изменять масштаб или открывать специализированные формы, оптимизированные под малые экраны.
Проанализируем встроенные возможности платформы 1С 8.3 для управления визуальной плотностью данных. Начиная с версии 8.3.11 и выше, разработчикам доступны расширенные свойства форм:
Компактный. Это уменьшает отступы между элементами и заголовками, что критически важно для экранов планшетов, где каждый пиксель на счету.ГоризонтальныйИнтервал и ВертикальныйИнтервал в значение Нет или Малый, мы можем более плотно скомпоновать элементы управления.Масштаб текущего окна. Если мы определили, что у планшета высокий DPI (Retina-дисплеи), имеет смысл программно установить масштаб 125% или 150%, чтобы кнопки стали удобными для нажатия пальцем.Выясним причину, по которой формы часто «разъезжаются». В обычном веб-интерфейсе элементы стремятся занять всё свободное пространство или сохраняют жесткую ширину. Чтобы этого избежать, используем следующие подходы:
Разделение форм по назначению: Самый надежный, хоть и трудоемкий способ — создание отдельных форм для ПК и для мобильных устройств. В модуле менеджера объекта при вызове события ОбработкаПолученияФормы мы можем подменять стандартную форму на «мобильную», если определили соответствующий тип устройства.
Применение Flow-интерфейса: Используем свойство групп Группировка — Если не помещается. Выбирая значение Переносить элементы, мы заставляем форму динамически перестраиваться. Например, на широком экране планшета в альбомной ориентации поля будут идти в две колонки, а при повороте в портретный режим — автоматически выстроятся в одну колонку.
Посмотрим на ситуацию с точки зрения системного администрирования. Иногда проблема «мыльного» или слишком мелкого шрифта кроется в том, как мобильный браузер (например, Chrome на Android) интерпретирует страницу 1С. Для корректного отображения на экранах с высоким PPI можно внести изменения в файлы публикации базы:
В файле default.vrd, который формируется при публикации базы на веб-сервере (Apache или IIS), можно прописать дополнительные параметры, влияющие на поведение веб-клиента. Также профессионалы рекомендуют проверять мета-тег viewport в шаблонах страниц, если используется кастомная публикация. Это позволяет запретить браузеру самопроизвольное масштабирование страницы, заставляя его отображать интерфейс «пиксель в пиксель».
Рассмотрим основные правила, которые помогут сделать веб-морду удобной для планшета:
ПолноэкранноеРабочееМесто, чтобы скрыть лишние панели браузера и самой 1С, освободив место под рабочую область.Таким образом, адаптация веб-интерфейса 1С под планшеты требует комплексного подхода: от программного анализа параметров экрана до тонкой настройки свойств управляемых групп и использования современных режимов масштабирования платформы.