CEF отладка кода в Dev Tools

Lev Angel

Developer
Команда форума
В обычном браузере у нас есть доступ к инструментам разработчика, где можно увидеть консоль ошибок Javascript, посмотреть верстку и состояние DOM дерева в режиме реального времени.
Rage MP позволяет получить доступ к инструментам разработчика (Dev Tools) для внутриигровых CEF браузеров. Чтобы получить доступ к CEF Dev Tools делаем следующее:
1. В настройках сервера conf.json добавляем опцию "allow-cef-debugging": true,
2. Перезапускаем сервер
3. Заходим в редактор реестра Windows. Нажимаем Win + R. В открывшемся окошке вводим regedit
1611407866350.png
4. В редакторе реестра переходим на ветку Компьютер\HKEY_CURRENT_USER\Software\RAGE-MP и добавляем новую запись (Правка/Создать/Строковый параметр). Задаем ему имя launch.cefPort и значение 9222. Это просто номер порта на котором будет работать Dev Tools для клиента Rage MP.
1611408064460.png
5. Заходим в Rage MP и подключаемся к серверу.
6. Открываем браузер Google Chrome и переходим по сервисному адресу chrome://inspect/#devices
7. Ждем несколько секунд. Появляется список Remote Target в котором есть наши CEF браузера.
1611408249141.png

У меня например есть браузер в скрипте map-editor. В этом списке он идет в самом начале, остальные две записи похоже это встроенные браузеры интерфейса rage mp.

8. Находим в списке наш браузер и под ним нажимаем Inspect.
1611408550422.png

Попадаем в Dev Tools.
В реальном времени видим ошибки, можем поиграться со стилями и еще много чего интересного. При разработке и отладке это супер полезная вещь(y)


Примечание 1: при подключении Dev Tools может потеряться фокус в браузере CEF и он перестает реагировать на клики. Чтобы вернуть фокус нужно нажать ссылку "focus tab" в списке Remote Target который мы видим на шаге 7.

Примечание 2: CEF браузер должен быть в игре активен, иначе его не будет видно в списке Remote Target
 
Последнее редактирование:

evgee

Junior Developer
Существуют ли куки во встроеном браузере? Можно работать с ними?
 

Lev Angel

Developer
Команда форума
Думаю что нет.
По крайней мере если перейти во вкладу Dev Tools там где можно посмотреть куки - CEF падает.
 
Яндекс.Метрика
Верх