Загрузка...

Консоль разработчика в смартфоне

Совершенно случайно столкнулся с такой ситуацией, что одному клиенту нужно было представить информацию по DOM-дереву одной из его площадок. И, естественно, меня в этот момент не оказалось дома перед компом )). Как же открыть в мобильном браузере со смартфона консоль? И возможно ещё попытаться исполнить javascript?

Оказывается это вообще не проблема. Есть один хороший сервис. Просто копируем и вставляем код в адресную строку браузера:

javascript:(function(){var script=document.createElement('script');script.src="//cdn.jsdelivr.net/npm/eruda";document.body.appendChild(script);script.onload=function(){eruda.init();setTimeout(function(){eruda.show();},1000);}})();

После чего откроется инспектор с таким же функционалом как и в десктопной версии (только интерфейс чуть другой). Появляется вот такой значок:

mobile console icon

При клике на который открывается/закрывается консоль.

Но есть одно наблюдение: в начале кода стоит префикс javascript:, который говорит браузеру, исполнять строку как js код. Так вот браузер обрезает этот префикс, при первоначальной вставке, поэтому после того, как код вставился в в адресную строку браузера, надо проверить и дописать в случае необходимости префикс. Десктопный Firefox не отобразил консольку, но возможно там надо покопаться в его настройках. Тестировал в мобильном Chrome, там всё работает:



Похожие заметки:

Корзина на сайте — часть 1

В статье рассказывается как создать JavaScript корзину на сайте с помощью плагина simpleCart.js

Открыть здесь

Скрипт динамической ширины

Скрипт для равномерного распределения блоков по ширине родительского контейнера. В качестве контейнера может выступать любой блок как определенной ширины, так и неопределенной, вплоть до body. Что умеет?

  • Нарезать блоки на одинаковую ширину в зависимости от заданного количества колонок
  • Генерировать нужное количество колонок
  • Проставлять clearfix после оканчивающей ряд колонки, чтобы вовремя отменить обтекание
  • Удалять лишние clearfix

Открыть здесь

Корзина на сайте — часть 2

В статье рассказывается как c помощью simpleCart.js делать такие вещи:

  • Выводить товары в том виде, в котором вам надо
  • Обрабатывать переданные товары и возвращать результат
  • Делать дальнейшие операции с заказом

Открыть здесь


Перед тем как писать комментарии, рекомендую ознакомиться:

Markdown синтаксис »

Оформление кода »

Нужна аватарка »

Комментарии