Моды Мир Танков

Оформление

Знакомство с Chrome DevTools ​

Chrome DevTools — это набор инструментов разработчика, встроенных в браузер Google Chrome для отладки веб-приложений. Они предоставляют возможность в реальном времени просматривать и изменять HTML, CSS на веб-страницах и выполнять отладку JavaScript-кода.

Новая система интерфейса игры «Мир Танков» построена с использованием Coherent Gameface на основе веб-технологий (HTML, CSS, JavaScript). Благодаря этому, к интерфейсу игры можно подключить Chrome DevTools.

Подключение DevTools к игре ​

Официальная поддержка DevTools в игре отключена, но можно воспользоваться модификацией wotstat.chrome-devtools-protocol, которая реализует протокол удалённой отладки Chrome DevTools.

Установка модификации ​

  1. Скачайте и установите мод wotstat.chrome-devtools-protocol
  2. Скачайте и установите мод net.openwg.gameface, он необходим для работы всех Gameface-модов:
  3. Запустите игру (при первом запуске игра один раз перезагрузится для инициализации модов, подробнее...)

Подключение DevTools ​

  1. Запустите Google Chrome
  2. В адресной строке введите chrome://inspect и нажмите Enter
  3. Убедитесь, что у вас стоит галочка Discover network targets
  4. Нажмите кнопку Configure... и убедитесь, что в списке указан адрес localhost:9222 (если нет, добавьте его)
Настройки DevTools

devices

  1. Спустя несколько секунд в разделе Remote Target появятся все активные вкладки игры

На одном экране игры может быть сразу несколько окон (вкладок), каждое из которых независимое и ведёт себя как отдельная веб-страница

  1. Нажмите кнопку inspect напротив нужной вкладки, чтобы открыть DevTools для этой вкладки

Обзор возможностей DevTools ​

Модификация не полностью реализует протокол DevTools, но основные возможности для отладки интерфейса игры доступны:

  • Вкладка Elements — просмотр HTML и CSS страницы
    • Поддерживается функционал Overlay, который обводит в игре выбранный в DevTools элемент, а так же позволяет выбирать элементы на странице кликом по ним в игре
  • Вкладка Console — просмотр логов и выполнение JavaScript-кода в среде страницы
  • Вкладка Sources (частично) – предоставляет доступ к редактированию специального override.css файла для внесения изменений в стили страницы

Учтите, что для подключения доступны только те страницы, которые фактически присутствуют на экране игры, если вы перейдёте в другое окно интерфейса, то существующие вкладки будут уничтожены, а новые появятся в списке Remote Target.

Внимание!

Функционал DevTools используется только для просмотра и отладки интерфейса, он не предоставляет возможности "сохранить" сделанные изменения или сгенерировать мод автоматически. Все изменения, внесённые через DevTools, будут потеряны после перезагрузки страницы или игры.

Авторы

The avatar of contributor named as Andrei Soprachev Andrei Soprachev

История изменений