Инструменты отладки Web-страниц в приложении на устройстве Android

28.09.23

Интеграция - WEB-интеграция

При разработке сложных интерфейсов на базе HTML часто возникает необходимость отладки стилей CSS и скриптов непосредственно на устройстве. Статья описывает способ отладки web-содержимого приложения мобильной платформы 1С на Андроид устройстве с помощью Chrome Development Tools.

Файлы

ВНИМАНИЕ: Файлы из Базы знаний - это исходный код разработки. Это примеры решения задач, шаблоны, заготовки, "строительные материалы" для учетной системы. Файлы ориентированы на специалистов 1С, которые могут разобраться в коде и оптимизировать программу для запуска в базе данных. Гарантии работоспособности нет. Возврата нет. Технической поддержки нет.

Наименование Скачано Купить файл
Архив проекта компоненты и тестовой конфигурации
.zip 39,52Mb ver:1.0.0
9 4 200 руб. Купить

Подписка PRO — скачивайте любые файлы со скидкой до 85% из Базы знаний

Оформите подписку на компанию для решения рабочих задач

Оформить подписку и скачать решение со скидкой

Вы можете заказать платную доработку или адаптацию этой разработки под вашу конфигурацию на «Бирже заказов».

  • 0% комиссии — оплата напрямую исполнителю;
  • Исполнители любого масштаба — от отдельных специалистов до команд под проект;
  • Прямой обмен контактами между заказчиком и исполнителем;
  • Безопасная сделка — при необходимости;
  • Рейтинги, кейсы и прозрачная система откликов.

Этот способ отладки был описан на конференции "Мобильная среда 2020".

Запись выступления тут

Строго говоря, отладка web-содержимого для приложений на Android предоставляется "из коробки". Достаточно настроить необходимые инструменты и разрешить отладку в приложении.

Основная задача которую необходимо решить при разработке на мобильной платформе 1С: активация отладки.

Решается эта задача созданием внешней компоненты.

Прикрепленный архив содержит внешнюю компоненту, проект исходного кода и тестовую конфигурацию.

Программный интерфейс компоненты включает в себя одну процедуру:

Разработка выполнялась в Android Studio 3.6.3

Мобильная платформа 1С 8.3.15.105.

 

Инструкция

Настройка устройства и инструментов отладки

На устройстве

  • Активировать режим разработчика. Настройки устройства -> О телефоне -> 7 раз нажать на версию сборки устройства. (Для некоторых моделей это пункт версии пользовательского интерфейса).
  • В меню разработчика включить отладку через USB.
  • Подключить устройство USB-кабелем к компьютеру.

На компьютере

  • Установить последнюю версию Android SDK
  • Установить последнюю версию Google Chrome
  • Открыть браузер Google Chrome и в строке адреса ввести chrome://inspect/. Убедиться, что установлен флаг Discover USB devices.

Запуск отладки

 

  • Подключить устройство с помощью USB-кабеля.
  • Включить Android Debug Bridge. Для этого в командной строке выполнить 

%ПутьКAndroidSDK%\platform-tools\adb usb

  • Для отлаживаемого приложения добавить строку, активирующую отладчик, в процедуру модуля приложения ПередНачаломРаботы.
  • Открыть браузер Google Chrome и в строке адреса ввести chrome://inspect/.

Запустить приложение на устройстве, появится список всех web-форм доступных для отладки. Для открытия окна отладки нужно нажать inspect под адресом формы (формы сортируются так, что наверху находится активная).

  • Будет открыто окно Chrome Development Tools. Можно начинать отладку:
  • По завершении отладки в командной строке выполнить:

    %ПутьКAndroidSDK%\platform-tools\adb kill-server

%ПутьКAndroidSDK%\platform-tools\adb kill-server 

Вступайте в нашу телеграмм-группу Инфостарт

внешняя компонента отладка web-страница html css android javascript разработка debug WebView инструменты bridge chrome devtools tools development мобильная среда 2020

См. также

Сайты и интернет-магазины WEB-интеграция Системный администратор Программист Пользователь 1С:Предприятие 8 1C:Бухгалтерия 1С:Управление торговлей 11 Автомобили, автосервисы Россия Управленческий учет Платные (руб)

Интеграционный модуль обмена между конфигурацией Альфа Авто 5 и Альфа Авто 6 и порталом AUTOCRM / LOGICSTARS. Данный модуль универсален. Позволяет работать с несколькими обменами AUTOCRM / LOGICSTAR разных брендов в одной информационной базе в ручном и автоматическом режиме.

42700 руб.

03.08.2020    24315    37    24    

28

WEB-интеграция Программист Бизнес-аналитик 1С:Предприятие 8 1С:ERP Управление предприятием 2 1С:Бухгалтерия 3.0 1С:Управление торговлей 11 1С:Комплексная автоматизация 2.х 1С:Управление нашей фирмой 3.0 1С:Розница 3.0 Оптовая торговля, дистрибуция, логистика ИТ-компания Платные (руб)

Модуль "Экспортер" — это расширение для 1С, предназначенное для автоматизации процессов выгрузки данных. Оно позволяет эффективно извлекать, преобразовывать и передавать данные из систем 1С в интеграционную платформу Spot2D. Подсистема упрощает настройку, снижает количество ручных операций и обеспечивает удобный контроль данных.

17568 руб.

20.12.2024    6288    28    4    

30

WEB-интеграция Программист 1С:Предприятие 8 1С:Бухгалтерия 3.0 Бытовые услуги, сервис Платные (руб)

Расширение для автоматизации передачи данных между сервисом Vetmanager с 1С: Бухгалтерия 3.0. Решение позволяет загружать документы и справочники из Ветменеджер в 1С:Бухгалтерию, сокращая время на ручной ввод данных и минимизируя ошибки.

24000 руб.

02.02.2021    23025    68    52    

43

WEB-интеграция Анализ продаж Системный администратор Программист Пользователь 1С:Предприятие 8 1С:Розница 2 1С:Управление нашей фирмой 1.6 1С:ERP Управление предприятием 2 1С:Бухгалтерия 3.0 1С:Управление торговлей 11 1С:Комплексная автоматизация 2.х 1С:Управление нашей фирмой 3.0 1С:Розница 3.0 Управленческий учет Платные (руб)

Модуль "Подсистема интеграции AmoCRM с 1С" позволяет обеспечить единое информационное пространство, в котором пользователи могут эффективно управлять клиентской базой, следить за статусами сделок и поддерживать актуальность данных как в AmoCRM, так и в 1С.

60000 руб.

07.05.2019    43103    76    45    

31

WEB-интеграция Загрузка и выгрузка в Excel Программист Пользователь 1С:Предприятие 8 1С:ERP Управление предприятием 2 1С:Управление торговлей 11 Розничная и сетевая торговля (FMCG) Россия Платные (руб)

Расширение освободит вас от необходимости вручную обновлять информацию о товарах в группах ВКонтакте. Достаточно задать правила один раз, и система автоматически формирует файлы yml для дальнейшей загрузки в группы в ВК. Вы сможете легко выбирать, какие товары публиковать, создавая гибкие критерии отбора. Например, можно добавить важные для покупателей параметры: цвет, размер или другие характеристики.

12200 руб.

29.08.2025    2773    7    8    

8
Комментарии
Подписаться на ответы Инфостарт бот Сортировка: Древо развёрнутое
Свернуть все
1. capitan 2576 26.08.20 12:05 Сейчас в теме
(1)Узнаю брата Колю )
Рарус?
2. ingeneerz@gmail.com 75 26.08.20 12:48 Сейчас в теме
(1) Приятно быть узнаваемыми)
pa240775; +1 Ответить
4. pa240775 24 21.09.23 13:22 Сейчас в теме
3. pa240775 24 19.09.23 16:19 Сейчас в теме
Роман добрый день, помогите пожалуйста настроить мне отладку в андроид студио внешней компоненты 1с. Для виндовс компонента отлажена, под АС не получается. Если из конфигуратора 1с запускаешь отладку хоть мобильного клиента хоть мобильного приложения компонента подключается.
Если из АС, то пишет ошибку. Перепробовал 1000 настроек. В один момент отладка работала, после внесения изменений в cpp перестала работать.
Прикрепленные файлы:
5. sergling 34 27.05.24 16:16 Сейчас в теме
на мобильном клиенте должно работать?
6. dim2906 02.06.25 09:51 Сейчас в теме
Попробовал запустить в мобильном приложении на андройде тестовую конфигу, не стала подключаться ВК.
Для отправки сообщения требуется регистрация/авторизация