В обычном браузере у нас есть доступ к инструментам разработчика, где можно увидеть консоль ошибок Javascript, посмотреть верстку и состояние DOM дерева в режиме реального времени.
Rage MP позволяет получить доступ к инструментам разработчика (Dev Tools) для внутриигровых CEF браузеров. Чтобы получить доступ к CEF Dev Tools делаем следующее:
1. В настройках сервера
2. Перезапускаем сервер
3. Заходим в редактор реестра Windows. Нажимаем Win + R. В открывшемся окошке вводим regedit
4. В редакторе реестра переходим на ветку
5. Заходим в Rage MP и подключаемся к серверу.
6. Открываем браузер Google Chrome и переходим по сервисному адресу chrome://inspect/#devices
7. Ждем несколько секунд. Появляется список Remote Target в котором есть наши CEF браузера.
![1611408249141.png 1611408249141.png](https://rage-script.com/data/attachments/0/176-8168cef5f1b5a3a5165020f795f794c9.jpg?hash=gWjO9fG1o6)
У меня например есть браузер в скрипте map-editor. В этом списке он идет в самом начале, остальные две записи похоже это встроенные браузеры интерфейса rage mp.
8. Находим в списке наш браузер и под ним нажимаем Inspect.
![1611408550422.png 1611408550422.png](https://rage-script.com/data/attachments/0/177-84908e8e9cd3d705d9b2ed2e58004df5.jpg?hash=hJCOjpzT1w)
Попадаем в Dev Tools.
В реальном времени видим ошибки, можем поиграться со стилями и еще много чего интересного. При разработке и отладке это супер полезная вещь![Thumbs up (y) (y)](https://cdn.jsdelivr.net/joypixels/assets/8.0/png/unicode/64/1f44d.png)
Примечание 1: при подключении Dev Tools может потеряться фокус в браузере CEF и он перестает реагировать на клики. Чтобы вернуть фокус нужно нажать ссылку "focus tab" в списке Remote Target который мы видим на шаге 7.
Примечание 2: CEF браузер должен быть в игре активен, иначе его не будет видно в списке Remote Target
Rage MP позволяет получить доступ к инструментам разработчика (Dev Tools) для внутриигровых CEF браузеров. Чтобы получить доступ к CEF Dev Tools делаем следующее:
1. В настройках сервера
conf.json
добавляем опцию "allow-cef-debugging": true,
2. Перезапускаем сервер
3. Заходим в редактор реестра Windows. Нажимаем Win + R. В открывшемся окошке вводим regedit
4. В редакторе реестра переходим на ветку
Компьютер\HKEY_CURRENT_USER\Software\RAGE-MP
и добавляем новую запись (Правка/Создать/Строковый параметр). Задаем ему имя launch.cefPort
и значение 9222. Это просто номер порта на котором будет работать Dev Tools для клиента Rage MP.5. Заходим в Rage MP и подключаемся к серверу.
6. Открываем браузер Google Chrome и переходим по сервисному адресу chrome://inspect/#devices
7. Ждем несколько секунд. Появляется список Remote Target в котором есть наши CEF браузера.
![1611408249141.png 1611408249141.png](https://rage-script.com/data/attachments/0/176-8168cef5f1b5a3a5165020f795f794c9.jpg?hash=gWjO9fG1o6)
У меня например есть браузер в скрипте map-editor. В этом списке он идет в самом начале, остальные две записи похоже это встроенные браузеры интерфейса rage mp.
8. Находим в списке наш браузер и под ним нажимаем Inspect.
![1611408550422.png 1611408550422.png](https://rage-script.com/data/attachments/0/177-84908e8e9cd3d705d9b2ed2e58004df5.jpg?hash=hJCOjpzT1w)
Попадаем в Dev Tools.
В реальном времени видим ошибки, можем поиграться со стилями и еще много чего интересного. При разработке и отладке это супер полезная вещь
![Thumbs up (y) (y)](https://cdn.jsdelivr.net/joypixels/assets/8.0/png/unicode/64/1f44d.png)
Примечание 1: при подключении Dev Tools может потеряться фокус в браузере CEF и он перестает реагировать на клики. Чтобы вернуть фокус нужно нажать ссылку "focus tab" в списке Remote Target который мы видим на шаге 7.
Примечание 2: CEF браузер должен быть в игре активен, иначе его не будет видно в списке Remote Target
Последнее редактирование модератором: