Browser sync io: Browsersync - Time-saving synchronised browser testing

Содержание

AUR (en) — nodejs-browser-sync

AUR Home
Packages
Register
Login

Search Criteria

Enter search criteria

Search by Name, DescriptionName OnlyPackage BaseExact NameExact Package BaseKeywordsMaintainerCo-maintainerMaintainer, Co-maintainerSubmitter

Keywords

Out of Date AllFlaggedNot Flagged

Sort by NameVotesPopularityVotedNotifyMaintainerLast modified

Sort order AscendingDescending

Per page 50100250

Package Details: nodejs-browser-sync 2.

27.10-1

Dependencies (3)

nodejs (nodejs6-bin, nodejs-git, nodejs-nightly, nodejs-lts-fermium, nodejs-lts-gallium, nodejs-lts-hydrogen)
jq (jq-git) (make)
npm (nodejs6-bin, nodejs-nightly) (make)

Required by (0)

Sources (1)

nodejs-browser-sync-2. 27.10.tgz

AUR (en) — nodejs-browser-sync

العربية Asturianu Català Český Dansk Deutsch Ελληνικά English Español Español (Latinoamérica) Suomi Français עברית Hrvatski Magyar Italiano 日本語 Norsk Nederlands Polski Português (Brasil) Português (Portugal) Română Русский Slovenčina Srpski Türkçe Українська 简体中文正體中文

AUR Home
Packages
Register
Login
Search Criteria
Enter search criteria
Search by Name, DescriptionName OnlyPackage BaseExact NameExact Package BaseKeywordsMaintainerCo-maintainerMaintainer, Co-maintainerSubmitter

Keywords
Out of Date AllFlaggedNot Flagged
Sort by NameVotesPopularityVotedNotifyMaintainerLast modified
Sort order AscendingDescending
Per page 50100250

Package Details: nodejs-browser-sync 2.
27.10-1
Dependencies (3)
nodejs (nodejs6-bin, nodejs-git, nodejs-nightly, nodejs-lts-fermium, nodejs-lts-gallium, nodejs-lts-hydrogen)

jq (jq-git) (make)
npm (nodejs6-bin, nodejs-nightly) (make)
Required by (0)
Sources (1)
nodejs-browser-sync-2. 27.10.tgz
Browsersync — синхронизированное тестирование браузера, экономящее время
Ваш незаменимый помощник по тестированию.
С каждой веб-страницей, устройством и браузером время тестирования увеличивается в геометрической прогрессии. От перезагрузки в реальном времени до отправки URL-адресов, от репликации формы до зеркалирования кликов — Browsersync устраняет повторяющиеся ручные задачи. Это как лишняя пара рук. Настройте набор параметров синхронизации из пользовательского интерфейса или командной строки, чтобы создать персонализированную тестовую среду. Нужно больше контроля? Browsersync легко интегрируется с вашей веб-платформой, инструментами сборки и другими проектами Node.js.
Работает автономно или интегрируется с вашими текущими инструментами сборки
Потрясающие возможности
Установка и запуск в любом месте
Построен на Node.JS_ENTRY для поддержки Windows, MacOS и Linux. Настройка менее чем за 5 минут.
Бесплатный запуск и повторное использование
Browsersync — это проект с открытым исходным кодом, доступный для использования по лицензии Apache 2.0.
Совместимость со средствами сборки
Легко интегрируется с исполнителями задач, такими как Grunt и Gulp, или включается в другие проекты Node.
Сетевой дроссель
Проверьте свой веб-сайт на наличие более медленного соединения. Даже когда устройства подключены к Wi-Fi.
Синхронизация взаимодействия
Ваши действия прокрутки, щелчка, обновления и формы отображаются между браузерами во время тестирования.
Синхронизация файлов
Браузеры автоматически обновляются при изменении HTML, CSS, изображений и других файлов проекта.
Управление с помощью пользовательского интерфейса или командной строки
Запустите новый пользовательский интерфейс на основе браузера для быстрого управления или используйте исходную командную строку.
Настройка синхронизации
Переключение отдельных параметров синхронизации для создания предпочтительной тестовой среды.
История URL-адресов
Записывает ваши тестовые URL-адреса, чтобы вы могли отправить их обратно на все устройства одним щелчком мыши.
Зависит от тысяч
Browsersync — это проект с открытым исходным кодом, который ежемесячно загружают более 2 миллионов npm и зависит от почти миллиона отдельных проектов на github.
Испытано и надежно.
Дэйв Руперт
Хотите почувствовать себя современным полубогом? Запустите Browsersync и управляйте всей лабораторией устройств с помощью телефона.
Paravel и Shop Talk Show
Addy Osmani
Он имеет фантастический набор функций, и по крайней мере 5 разработчиков, с которыми я разговаривал только на этой неделе, клянутся в нем для своего синхронизированного тестирования на нескольких устройствах.
Google и addyosmani.com
Начните работу через 5 минут.
1. Установите Node.js
Browsersync — это модуль для Node.js, платформы для быстрых сетевых приложений. Есть удобные инсталляторы для MacOS, Windows и Linux.
2. Установите Browsersync
Диспетчер пакетов Node.js (npm) используется для установки Browsersync из репозитория. Откройте окно терминала и выполните следующую команду:
npm install -g browser-sync
Вы говорите менеджеру пакетов загрузить файлы Browsersync и установить их глобально, чтобы они были доступны для всех ваших проектов.
3. Запустите Browsersync
Основное использование — просмотр всех файлов CSS в каталоге css и обновление подключенных браузеров, если происходят изменения. Перейдите в окне терминала к проекту и выполните соответствующую команду:
Статические сайты
Если вы используете только файлы . html , вам потребуется использовать режим сервера . Browsersync запустит мини-сервер и предоставит URL-адрес для просмотра вашего сайта.
запуск синхронизации браузера --server --files "css/*.css"
Динамические сайты
Если вы уже используете локальный сервер с PHP или аналогичным, вам необходимо использовать режим прокси . Browsersync обернет ваш виртуальный хост URL-адресом прокси для просмотра вашего сайта.
browser-sync start --proxy "myproject.dev" --files "css/*.css"
Руководства пользователя
Документация
Использование командной строки
Получить помощь по сообщениям о переполнении стека
4 на Github
Руководства по интеграции
Плагин Grunt
Интеграция Gulp
Документация по API
Документация по опциям
BrowserSync 2.0 — JH
DigitalOnlineTechnology
С момента создания BrowserSync функции синхронизации кода и действий повысили эффективность рабочих процессов на нескольких устройствах и в нескольких браузерах для разработчиков по всему миру. Сказав это, мы выслушали отзывы сообщества и подумали о том, как мы могли бы пойти еще дальше.
Несмотря на то, что щелчки, положение прокрутки и входные данные форм, зеркально отображаемые на разных устройствах, чрезвычайно полезны (и немного волшебны), они также довольно ограничивают. Чтобы реализовать наш обширный список идей, нам нужна была платформа, на которой мы могли бы предоставлять элементы управления и информацию.
Вот почему мы создали интерфейс BrowserSync.
BrowserSync + пользовательский интерфейс = будущее тестирования устройств.
Поставляется в комплекте с BrowserSync! Это означает, что нет необходимости в какой-либо отдельной установке, настройке или внешних приложениях.

Автоматически запускается в браузере! Это создает некоторые уникальные варианты использования, с которыми другие инструменты просто не могут сравниться (например, доступ к пользовательскому интерфейсу через телефон или планшет).
Он кроссплатформенный! Как и BrowserSync, пользовательский интерфейс открывается в браузере и будет работать на Mac, Windows и Linux.
Функции пользовательского интерфейса при запуске
Мы создали расширяемую систему, которая позволит нам легко добавлять функции в будущем (и, черт возьми, у нас есть идеи!), но все следующие доступны при запуске:
Обзор
В этом разделе отображается простая информация о вашем проекте, такая как URL-адреса доступа BrowserSync, текущие подключения браузера и базовые каталоги (при использовании режима сервера).
Параметры синхронизации
Теперь вы можете включать/отключать все действия синхронизации с помощью простых переключателей во время работы. Это может быть особенно полезно, если вы делитесь URL-адресом и не хотите, чтобы получатель мог управлять другими устройствами. Если какие-либо файлы просматриваются, в этом разделе также будет переключатель, который может временно отключить/включить просмотр файлов.

История
Когда вы перемещаетесь по своему веб-сайту на любом устройстве, пути, которые вы посещаете, отслеживаются и отображаются в простом списке. Это позволяет вам отправить любой из этих предыдущих URL-адресов на все устройства одним щелчком мыши. Когда у вас открыто несколько устройств, и некоторые из них имеют разные URL-адреса, возможность собрать их все по одному пути оказалась одной из самых простых, но наиболее полезных функций.
Удаленная отладка
Пользовательский интерфейс включает проект
weinre , который обеспечивает удаленную отладку на подключенных устройствах. Думайте об «осмотре элемента», но не ограничивайтесь инструментами разработки. Наряду с weinre, наш раздел удаленной отладки также включает несколько более простых инструментов, которые мы считаем особенно полезными при работе с несколькими устройствами.
Структура CSS : Переключает структуру CSS для каждого элемента на вашей странице. Чрезвычайно полезно для отладки выравнивания элементов.
CSS Depth Outlining : включает CSS-тени для каждого элемента на странице. Это может быстро выявить любые потенциальные ошибки макета, которые могут быть в вашем CSS/HTML
.
Задержка: С помощью простого ползунка вы можете имитировать более медленные соединения, регулируя время ответа на каждый запрос. Вы найдете это особенно полезным, когда пытаетесь протестировать такие вещи, как загрузка счетчиков и убедиться, что ваши страницы по-прежнему работают, пока вы ожидаете загрузки таких вещей, как асинхронные скрипты и изображения.
Дорожная карта
Мы думаем, вам очень понравятся начальные функции, которые входят в стандартную комплектацию нового пользовательского интерфейса — они очень полезны и станут долгожданным дополнением для новых и опытных пользователей BrowserSync — однако это только начало.
Этот первый выпуск можно рассматривать как базовую платформу.