Статьи

Blisk: ваш следующий браузер для веб-разработки?

Какой браузер вы используете для повседневных задач веб-разработки? Если верить моему недавнему опросу в Twitter , три четверти из нас используют браузер по умолчанию. Возможно, это понятно

  • это приложение, которое мы открываем чаще всего
  • мы настроили именно так, как нам нравится
  • он предлагает отличные инструменты разработки (они все делают!)
  • нам удобно пользоваться этими утилитами, и
  • это браузер, который мы предпочитаем.

Но практично ли это?

Если вы чем-то похожи на меня, ваш браузер по умолчанию имеет 57 открытых вкладок в любое время с различными приложениями, инструментами и статьями, которые вы собираетесь прочитать позже (… но редко делаете!) . Разработка в этом браузере возможна, но приложение уже использует много ресурсов. Память и скорость обработки могут быть отрицательно скомпрометированы. Авария может быть катастрофической!

Вы также можете включить плагины, которые влияют на код — например, на рекламу или модификаторы сценариев. Вы можете потратить часы на отладку системы только для того, чтобы понять, что проблема вызвана одним из ваших расширений, которые не были бы установлены «обычными» пользователями. Вы можете временно отключить эти плагины, но этот выбор может повлиять на каждую вкладку.

Вам также может потребоваться выполнить действия по разработке, такие как удаление файлов cookie, очистка локального хранилища или принятие небезопасных самозаверяющих сертификатов SSL. Это может вызвать осложнения, если у вас в одном домене запущено более одного тестового приложения или вы случайно удалили данные с регулярно используемого веб-сайта.

Несмотря на эти проблемы, только четверть веб-разработчиков открывают другой браузер для основных задач разработки. Менее половины из них используют специальные приложения, такие как Firefox Developer Edition или Opera Developer Browser . Поставщики прилагают все усилия, чтобы предоставить эти инструменты, поскольку они понимают, что ни один браузер не может быть успешным без поддержки со стороны сообщества веб-разработчиков. Они обычно предлагают бета-версии новейших инструментов и движков рендеринга, так что это отличный вариант. Однако, если у вас есть немедленная дата доставки, вам необходимо протестировать свое приложение в основной версии этого браузера, чтобы убедиться, что вы не зависите от технологии, которая еще не доступна или имеет другую реализацию.

Является ли Blisk Beta лучше?

Блиск логотип

Blisk — это новый браузер, предназначенный исключительно для профессиональных веб-разработчиков для решения задач прототипирования, кодирования, отладки и тестирования.

Бета-версия Blisk доступна только для Windows, но версии для Mac и Linux находятся в стадии разработки. Установка немного сбивает с толку, так как нет диалогов или опций: Blisk просто устанавливает и запускает сразу. (Сайт предлагает зарегистрироваться. В этом нет необходимости, хотя это может потребоваться в будущих функциях.)

Приложение использует тот же движок рендеринга Blink, который вы найдете в Chrome, Opera и Vivaldi. Это безопасный вариант, предоставляющий стандартные инструменты разработки, которые вы найдете в этих браузерах (и, да, инструменты можно закрепить). На этом сходство заканчивается, и Blisk улучшает рабочий процесс веб-разработки …

Просмотр устройства с синхронизированной прокруткой

Страницы отображаются в двойном окне, состоящем из:

  • стандартный вид рабочего стола и
  • эмулированный вид мобильного телефона / планшета.

В настоящее время поддерживаются девять смартфонов и четыре планшета. Вы можете переключаться, щелкая значок устройства, чтобы имитировать разрешение экрана, соотношение пикселей, пользовательские агенты и сенсорные события. Устройства предоставляются в браузере, поэтому они работают в автономном режиме и не требуют облачной службы.

Прокрутка автоматически синхронизируется (хотя вы можете отключить ее):

Blisk синхронизированная прокрутка

Автообновление при изменении

Вы можете связать URL с местоположением папки. Blisk будет следить за обновлениями файлов и автоматически обновлять оба устройства, как только произойдет изменение:

Блиск автообновление

Если вы раньше не использовали подобные системы, это веб-эквивалент колдовства. Это экономит значительное время, так как вам больше не нужно переключаться между вашим редактором и браузером, чтобы увидеть обновления.

Обещанные функции

Blisk является ранней бета-версией, но в будущих выпусках обещают некоторые интересные новые функции:

  • поворот устройства в альбомную ориентацию
  • аналитика веб-страниц для мониторинга качества кода, размеров активов, ошибок JavaScript и других показателей
  • скриншоты устройства одним щелчком и обмен с коллегами
  • интеграция со сторонними сервисами, такими как GitHub, BitBucket, Dropbox, Google Drive и Trello.

Вы должны принять Blisk?

Блиск показывает обещание. Требуется поддержка Mac / Linux, интерфейс нуждается в полировке и поворот устройства, но его уже достаточно для использования в задачах разработки общего назначения.

Такие функции, как синхронизация прокрутки и автоматическое обновление, уже могут быть реализованы более сложным способом с помощью таких инструментов, как Browsersync . Тем не менее, Blisk работает из коробки на любой веб-странице с минимальной конфигурацией, и нет необходимости открывать несколько браузеров.

Мне нравится идея Blisk. Выделенный браузер разработки имеет смысл, а я новообращенный! Это соблазнит вас от вашего браузера по умолчанию?