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

28.09.23

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

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

Скачать исходный код

Наименование Файл Версия Размер
Архив проекта компоненты и тестовой конфигурации
.zip 39,52Mb
7
.zip 1.0.0 39,52Mb 7 Скачать

Этот способ отладки был описан на конференции "Мобильная среда 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

См. также

Интеграция Альфа Авто 5 / Альфа Авто 6 и AUTOCRM / Инфотек

Сайты и интернет-магазины WEB-интеграция Платформа 1С v8.3 Конфигурации 1cv8 1С:Управление торговлей 11 Автомобили, автосервисы Россия Управленческий учет Платные (руб)

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

36000 руб.

03.08.2020    15936    13    18    

13

Интеграция 1С — Битрикс24. Обмен задачами

Сайты и интернет-магазины Интеграция WEB-интеграция Платформа 1С v8.3 Конфигурации 1cv8 Управленческий учет Платные (руб)

Интеграция 1С и Битрикс24. Разработка имеет двухстороннюю синхронизацию 1С и Битрикс24 задачами. Решение позволяет создавать пользователя в 1С из Битрикс24 и наоборот. Данная разработка технически подходит под все основные конфигурации линейки продуктов 1С:Предприятие 8.3 (8.3.18.1289). При приобретении предоставляется 1 месяц бесплатных обновлений разработки. Доступна демо-версия продукта с подключением Вашего Битрикс24

5040 руб.

04.05.2021    17895    6    15    

12

Заполнение по ИНН или наименованию реквизитов контрагента по данным сайта ФНС

Обмен с ГосИС WEB-интеграция Платформа 1С v8.3 Управляемые формы 1С:Комплексная автоматизация 1.х 1С:Бухгалтерия 2.0 1С:Управление торговлей 10 1С:Управление производственным предприятием 1С:Управление нашей фирмой 1.6 1С:Бухгалтерия государственного учреждения 1С:Документооборот 1С:ERP Управление предприятием 2 1С:Бухгалтерия 3.0 1С:Управление торговлей 11 1С:Комплексная автоматизация 2.х Платные (руб)

Обработка является альтернативой механизму, разработанному фирмой 1С и заполняющему реквизиты контрагента по ИНН или наименованию. Не требуется действующей подписки ИТС. Вызывается как внешняя дополнительная обработка, т.е. используется, непосредственно, из карточки контрагента. Заполнение по ИНН или наименованию реквизитов контрагента по данным сайта ФНС (egrul.nalog.ru) для БП 2.0, БП 3.0, БГУ 1.0, БГУ 2.0, УТ 10.3, УТ 11.x, КА 1.1, КА 2.x, УПП 1.x, ERP 2.x, УНФ 1.5, УНФ 1.6, УНФ 3.0, ДО 2.1

2400 руб.

28.04.2016    88962    163    216    

318

[Расширение] БОР-Навигатор.Культура

Зарплата Бюджетный учет WEB-интеграция Обмен с ГосИС Платформа 1С v8.3 Сложные периодические расчеты 1С:Зарплата и кадры государственного учреждения 3 Государственные, бюджетные структуры Россия Бюджетный учет Платные (руб)

Расширение конфигурации, включающее в себя объекты, необходимые для подготовки и сдачи отчета "Штатная численность" системы "БОР-Навигатор.Культура" в программе "1С:Зарплата и кадры государственного учреждения", редакция 3.1.

8400 руб.

01.02.2019    25875    9    0    

7

Интеграция с сервисом vetmanager

WEB-интеграция Платформа 1С v8.3 Бухгалтерский учет 1С:Бухгалтерия 3.0 Бытовые услуги, сервис Платные (руб)

Внешняя обработка разрабатывалась для загрузки документов из Ветменеджер в 1С: Бухгалтерия 3.0

12000 руб.

02.02.2021    16480    42    49    

23
Комментарии
Подписаться на ответы Инфостарт бот Сортировка: Древо развёрнутое
Свернуть все
1. capitan 2472 26.08.20 12:05 Сейчас в теме
(1)Узнаю брата Колю )
Рарус?
2. ingeneerz@gmail.com 72 26.08.20 12:48 Сейчас в теме
(1) Приятно быть узнаваемыми)
pa240775; +1 Ответить
4. pa240775 22 21.09.23 13:22 Сейчас в теме
3. pa240775 22 19.09.23 16:19 Сейчас в теме
Роман добрый день, помогите пожалуйста настроить мне отладку в андроид студио внешней компоненты 1с. Для виндовс компонента отлажена, под АС не получается. Если из конфигуратора 1с запускаешь отладку хоть мобильного клиента хоть мобильного приложения компонента подключается.
Если из АС, то пишет ошибку. Перепробовал 1000 настроек. В один момент отладка работала, после внесения изменений в cpp перестала работать.
Прикрепленные файлы:
Оставьте свое сообщение