Помощь

Виджеты и упражнения

DevTools-квесты — практика на живой странице

Задания, в которых нужно найти в DevTools конкретный факт: статус, заголовок, значение в localStorage, ошибку в разметке.

/practice/devtools-quests — задания, которые проверяют, что вы действительно открыли инструменты браузера, а не угадали ответ. В каждом квесте нужно найти на живой странице конкретный факт: статус ответа, заголовок, значение в localStorage, предупреждение в консоли, ошибку в разметке. Квесты бесплатные и открываются без регистрации; прогресс сохраняется, если вы вошли в аккаунт.

Какие бывают квесты

Квесты разбиты по вкладкам DevTools:

  • Network — статус запроса, который упёрся в ограничение частоты, заголовок «повторите позже», ответ на повторный POST с тем же ключом идемпотентности, условный запрос с ETag.
  • Console — предупреждения и ошибки загрузки ресурсов на учебных страницах.
  • Application — ключи в localStorage и cookie, которые ставит песочница.
  • Elements — недописанный тег и комментарий в разметке страницы.

Страницы для квестов — API Sandbox, медленная страница из практики по производительности и учебный магазин.

Как проверяется

  1. Откройте нужную страницу и DevTools, найдите факт.
  2. Впишите ответ в поле квеста (в некоторых квестах — выберите вариант).
  3. Нажмите проверку. Ответ сверяется на сервере без учёта регистра и лишних пробелов, «ё» и «е» считаются одной буквой.

Правильных ответов в браузере нет, поэтому подсмотреть их в коде страницы нельзя. После двух неверных попыток появляется подсказка, после верного ответа — разбор: где был факт и почему он важен тестировщику.

Если не получается

  • Ответ не принимается — проверьте, что смотрите ту страницу и ту вкладку, о которых говорит квест. Иногда нужно обновить страницу при открытых DevTools, чтобы запрос попал в Network.
  • В Network пусто — DevTools открыли после загрузки страницы. Обновите страницу.
  • Нет нужного значения в Application — его ставит страница после действия; выполните действие из условия квеста.

Что дальше