фото 2aaa

Браузеры на мобильных устройствах хороши всем: они быстрые, удобные и самое главное, они всегда под рукой. Хотя минусов в них тоже хватает, взять хотя бы отсутствие такой привычной для десктопных браузеров функции, как просмотр исходного кода страницы. Согласитесь, иногда этого очень не хватает. Раньше, чтобы узнать как устроен тот или иной сайт — приходилось ждать момента, когда под рукой окажется полноценная настольная версия браузера. Но теперь это в прошлом!

* * *
С тех пор как были придуманы букмарклеты, мобильные браузеры научились множеству новых трюков. Да-да, просмотр исходного кода, реализован с помощью замечательного букмарклета Snoopy. Он  обладает достаточно широкими возможностями. Кроме собственно исходного кода, Snoopy может предоставлять такую информацию:

  • доктайп;
  • кодировка;
  • наличие и вид используемой аналитики;

фото 1

Установить букмарклет можно несколькими способами. Самый простой — перетащить букмарклет на панель закладок в «большом» Safari. Благодаря синхронизации с iCloud, он окажется в мобильном и вы сразу же сможете им воспользоваться.

Снимок_экрана_2013-10-03_в_23.51.37
Таким же способом можно установить букмарклет и в Google Chrome. Добавляем закладку на Snoopy в настольной версии — остальное сделает за вас встроенная синхронизация.

Если вы не используете синхронизацию или находитесь вдали от компьютера, можно устновить букмарклет и вручную. Это будет несколько сложнее, но ничего страшного здесь нет — просто следуйте инструкции.

  1. Открываем страничку Snoopy в Safari на iOS.
  2. Копируем код скрипта из специального окошка.фото 2-1
  3. Нажимаем кнопку «Поделиться» (центральная пиктограмма) на панели навигации и выбираем «Закладка».
  4. Выбираем свое имя для букмарклета или оставляем как есть.фото 1-1
  5. Сохраняем в «Избранном» или там, где вам удобнее.
  6. Делаем глубокий вдох — половина дела сделана.
  7. Открываем «Закладки», нажимаем «Изменить» и выбираем наш букмарклет.
  8. Вот теперь нам пригодится скопированный раннее код, вставляем его в поле «Адрес», предварительно очистив его содержимое.фото 3-1
  9. Жмем «Done» и потом еще раз «Готово», закрывая режим редактирования закладок.

Все, букмарклет Snoopyготов к работе. На интересующей вас странице вызываем меню «Закладки» и выбираем созданный ранее букмарклет — исходный код страницы перед вами.