f19n obtrusive livetest

Живое тестирование Fullstackoptimization — расширение/фреймворк Chrome

автор http://www.fullstackoptimization.com/, разработанный в сотрудничестве с https://die-antwort.eu/

Магазин приложений Chrome: https://chrome.google.com/webstore/detail/f19n-obstrusive-live-test/jbnaibigcohjfefpfocphcjeliohhold?hl=en

Документация пользователя: https://docs.google.com/document/d/1UktjtxNe71vPKvw_D4xELX2RMJAXXI4-hrMC7Pinb6U ← ?

Ранее известная реклама «f19n Obtrusive Live Test»… новое название менее страшное! (Это не страшное приложение, это потрясающее!)

Что это такое?

Это изолированное, расширяемое расширение и фреймворк для Chrome для живого тестирования! Он запускает предварительно определенные и настраиваемые тесты на каждой посещаемой вами странице и обеспечивает прямую визуальную обратную связь.

В настоящее время он имеет несколько предопределенных правил, ориентированных на SEO, веб-производительность и лучшие практики в социальных сетях.

Что он делает?

Расширение собирает весь жизненный цикл загрузки страницы (http-заголовки, onpageload, onDOMready и т. д.) в объекте, затем выполняет функции JavaScript для этого объекта и возвращает отзывы о тестировании.

См. /src/public/default-rules список того, что сейчас тестируется по умолчанию. Все правила можно проверить, отключить/включить. Регулярно добавляются новые правила по умолчанию.

См. /sample-rules/sample.page-object-25112017.json, чтобы узнать, какие данные жизненного цикла загрузки страницы собираются.

Что он может сделать?

Все! Вы можете писать свои собственные тесты! Все, что происходит в браузере во время жизненного цикла загрузки и рендеринга страницы, можно проверить и проанализировать!

Кроме того, из этих правил он может вызывать сторонние REST-API. Даже игнорируя заголовки CORS или обычные ограничения выборки.

Также вы можете получать обычные страницы и другие ресурсы с помощью fetch. То есть: правило, выполняемое на одной странице, может получать другие URL-адреса того же домена или других сторонних доменов. См. /default-rules/robotstxt-googlebot-url-check-v2.js правило, которое извлекает файл robots.txt домена, а затем проверяет, разрешен или запрещен текущий тестируемый URL-адрес.

Пользователь Доку

См. Документы Google.

Разработка

Для разработки собственного правила вы можете просто установить расширение через Chrome App Store.

Если вы хотите копнуть глубже, клонируйте этого представителя. а потом:

Установите все зависимости

npm install

Запустите процесс сборки (только для разработки)

Запустите процесс сборки один раз (для этого вам понадобится установленный grunt-cli npm install -g grunt-cli ). Он будет отслеживать измененные файлы и при необходимости автоматически перезагружать расширение.

grunt

Откройте chrome://extensions/ и укажите для установки распакованного расширения папку ./build.

Готовые файлы сборки + архив

Запустите следующую команду, чтобы создать готовый к работе zip-архив, который можно загрузить на панель расширений Google.

grunt dist

Архив будет сохранен в /dist/export.zip .

Правила

Готовые к производству правила можно найти в /src/public/default-rules.

Внутри /sample-rules находятся несколько примеров правил, а также документация по написанию собственных правил. Затем правила можно добавить в ваше приложение на странице настроек расширения.

См. /sample-rules/debug-hello-world.js для очень простой отправной точки (и /sample-rules/debug-hello-world-with-comments.js для некоторых объяснений).

Кроме того, /sample-rules/debug-stringify-page-object.js предоставляет вам простой способ проверки объекта страницы (собранной информации о жизненном цикле страницы) каждой страницы, которую вы посещаете.

Лицензия

• Все правила в каталоге /sample-rules/ лицензированы MIT.
• Все правила в каталоге /public/default-rules/ лицензированы MIT.
• Подробности смотрите в каталоге.

Весь остальной код в этом репозитории, если не указано иное, в настоящее время доступен под

Лицензия на вклад .

Добро пожаловать

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

В настоящее время нет

• удалить эту лицензию
• удалить брендинг или ссылки с/на www.fullstackoptimization.com
• создать бесплатный или коммерческий продукт на основе кода этого репозитория
• отправьте продукт на основе этого кода в любой магазин приложений
• установите это расширение в режиме разработчика на несколько компьютеров в вашей компании.

Эти ограничения не применяются к коду /sample-rules/ и /public/default-rules/.

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

Правообладатель: Франц Энценхофер fe at f19n dot com