Обзор средств тестирования и разработки на HTML5 и JavaScript

• 02, 16, 2013
•  bullgare
•  HTML and CSS, javascript
• No Comments.

http://youtu.be/FY5iiuQRyEE?t=1m4s (первые 20 минут).
Слайды — http://dl.dropbox.com/u/39519/talks/edgeconf-tooling/index.html
Ниже небольшая расшифровка

• http://youtu.be/FY5iiuQRyEE?t=2m29s — тестирование CSS и инструменты для этого (csste.st)
• http://youtu.be/FY5iiuQRyEE?t=2m40s — автоматический поиск разнообразных наложений шрифтов на фоны http://code.google.com/p/fighting-layout-bugs/
• http://youtu.be/FY5iiuQRyEE?t=4m2s — Telemtry, мультиплатформенное средство тестирования производительности отрисовки страницы браузером.
• http://youtu.be/FY5iiuQRyEE?t=4m57s — Endure, инструмент для выполнения последовательности действий с замерами расходования памяти в Google Chromium.
• http://youtu.be/FY5iiuQRyEE?t=5m35s — Remote Preview, средство тестирования страниц на нескольких мобильных устройствах одновременно (все переходят по ссылке, по которой перешло главное устройство).
• http://youtu.be/FY5iiuQRyEE?t=6m1s — Mixture, умеет то же самое плюс умеет повторять действия.
• http://youtu.be/FY5iiuQRyEE?t=6m28s — DeviceAnywhere, средство для тестирования сайта на мобильных устройствах (платная подписка), аналог browserstack, только используются реальные устройства.
• http://youtu.be/FY5iiuQRyEE?t=7m35s — Google Tracing Framework, инструмент для измерения производительности от Chrome, написан на чистом js, потому можно запускать в разных браузерах. Очень интересная штука, но пока не видел примеров использования, как запустить — не понял.
• http://youtu.be/FY5iiuQRyEE?t=8m18s — отладка canvas-анимации встроенными средствами Google Chrome.
• http://youtu.be/FY5iiuQRyEE?t=11m24s — Continuous page repainting, новая фишка Google Chrome.
• http://youtu.be/FY5iiuQRyEE?t=14m31s — chrome://tracing для разговора о многопоточной отрисовке, новшества в Google Chrome.
• http://youtu.be/FY5iiuQRyEE?t=15m52s — Google Chrome remote debugging, использование консоли Google Chrome для отладки страницы, открытой в Google Chrome на мобильном устройстве. По ссылке есть видео использования.

Similar Posts

• Performance Checklist for the Mobile Web
• Collie — библиотека для рисования в мобильном браузере
• Портирование iOS Native App в HTML5 и JS
• MIHTool, the iOS web debugger
• Вёрстка под мобильные устройства