40+ супер-полезных расширений Chrome для тестировщиков
Автор: Амандип Сингх (Amandeep Singh)
Оригинал статьи: http://quicksoftwaretesting.com/useful-google-chrome-extensions-testing-software/
Перевод: Ольга Алифанова.
Такие браузеры, как Mozilla Firefox и Google Chrome сильно облегчают жизнь тестировщика. Я использую оба, но Chrome лидирует по количеству полезных расширений, которые я могу применять в работе.
Большинство читателей нашего сайта используют Chrome (примерно 70%). Чем не доказательство, как мы, тестировщики, любим этот браузер? Он очень облегчает наш труд. Он облегчает конкретно мой труд, и поэтому я его так люблю. Firefox, я помню о тебе!
Ранее я составлял список важных дополнений Firefox, полезных для тестировщиков, и аналогичный список для Chrome был вполне логичным продолжением. Представляю вам список потрясающих расширений Chrome для тестировщиков! Это вам не просто список случайных расширений — это наиболее полное перечисление тех расширений, которые пригодятся при тестировании ПО.
Расширения Chrome для тестировщиков
Google Chrome — это самый мощный и самый известный браузер в мире (источник). У него удобный интерфейс, он мало весит, и его можно дополнительно улучшать различными расширениями.
Это основная причина его популярности как среди разработчиков, так и среди тестировщиков.
Большинство расширений из списка ниже я применяю в работе постоянно, и они просто чудо. Дочитайте до конца, и вы согласитесь со мной!
Если вы используете расширение Chrome, которого нет в этом списке — сообщите мне об этом, и я добавлю его.
Итак, хватит предисловий, стартуем!
Расширения Chrome для тестировщиков: тестирование веб-интерфейсов
1. Screen Ruler — простенькое расширение, название которого полностью отражает содержание. Оно помогает измерять высоту, ширину и поля у объектов, просто накладывая поверх них линейку и перетаскивая ее в нужном направлении.
Screen Ruler — очень полезное расширение для тестирования веб-интерфейса, так как помогает найти невидимые глазу дефекты и удостовериться, что ваше приложение прекрасно до последнего пикселя.
3. ColorZilla — это расширение с колор-пикером, которое позволяет определить прямо из браузера, какой конкретно цвет используется на вашей страничке. ColorZilla — очень полезная штука, когда вам нужно сверить реально используемые цвета со спецификацией.
4. PerfectPixel — если вы похожи на меня и ожидаете, что приложение пиксель в пиксель соответствует дизайну, то это расширение — то, что вам нужно! PerfectPixel помогает удостовериться именно в этом.
5. IE Tab — один из самых популярных IE-эмуляторов. С помощью этого расширения вы можете тестировать ваш сайт в разных версиях IE, не покидая ваш ненаглядный Chrome.
6. Spell Checker — расширение для проверки орфографии. Проверяет, правильно ли написаны слова на странице, и предлагает внести правки для слов с опечатками. Это простенькое расширение поддерживает 12 языков, и вы можете добавлять свои слова в его словарь.
7. Grammarly — если вы еще не работаете с этим замечательным инструментом, то сейчас я вам все про него расскажу. Это крутое приложение помогает с вычиткой текста, когда вы пишете онлайн — неважно, почта это, комментарий или пост в блоге. В процессе вашей писанины Grammarly проверяет орфографию и грамматику и подсвечивает ошибки прямо в браузере.
Расширения Chrome для тестировщиков: автоматизация тестирования.
8.
9. Firebug Lite — это еще одно расширение, которое не заменяет инструменты разработчика Chrome, но отлично его дополняет. Его достоинства — хорошее визуальное представление элементов HTML, DOM, и Box Model. Подходит для исследования HTML-элементов по нажатию кнопки, что неплохо помогает при автоматизации тестирования приложений.
Расширения Chrome для тестировщиков: документальные подтверждения
Подтвердить баг вещественными доказательствами — значит сократить время на его исправление.
Если у вас под рукой хороший инструмент, позволяющий быстро делать скриншоты и делать на них пометки, вы сэкономите себе кучу времени.
10. Awesome Screenshot — наиболее известный среди тестировщиков скриншотер. Позволяет захватить весь экран, отдельную его часть, видимую область веб-страницы, а также делать на нем пометки, обрезать его, и т. д. Если результат вас удовлетворил, им легко поделиться с окружающими. Его можно сохранить на жесткий диск, временно загрузить на Awesome Screenshot, или — если вам нужна постоянная ссылка — на Google Drive или Diigo.
11. Lightshot — легкий и удобный инструмент для скриншотов, тоже позволяющий их аннотировать. Прост в использовании, мало весит. Скриншоты можно сохранять на жесткий диск или загружать в облако, чтобы поделиться ссылкой с кем-то еще.
12. Screencastify — еще одно обязательное к установке расширение для тестировщиков. Оно дает возможность делать запись экрана, когда вы тестируете. В результате вы получаете видеозапись пользовательского поведения, которую можно передать разработчикам в качестве подтверждения бага.
Расширения Chrome для тестировщиков: тестирование cookie-файлов
Очень важно уметь управлять cookie-файлами и кэшем браузера — это позволяет убедиться, что приложение ведет себя правильно, и сервер отдает верные данные и код. Эти расширения можно использовать для тестирования cookie-файлов: они позволяют добавлять, удалять, редактировать их, а также чистить кэш браузера.
13. Edit This Cookie — очень полезно для А/В тестирования веб-приложений, а также для проверки доступности определенной функциональности разным группам пользователей. Простой, хорошо организованный интерфейс позволяет работать с файлами профессионально. Расширение показывает имеющиеся cookie-файлы и их значения. Значения можно менять, а также вы сможете добавлять, удалять, искать, защищать или блокировать cookie-файлы. Это расширение избавит вас от нудного поиска нужных файлов через настройки Chrome.
14. Cookie Editor — еще одно расширение для редактирования cookie-файлов. Название отражает содержание — оно позволяет добавлять, удалять, редактировать, защищать, блокировать и искать нужные файлы. Дополнительная опция — экспорт в JSON-формате.
15. Clear Cache — устали от долгих поисков функции очистки кэша, отрывающих вас от тестирования? Это расширение помогает вам очистить кэш одним щелчком по панели инструментов. Его можно настроить, указывая данные, которые вы хотите удалить — кэш приложений, загрузки, файловые системы, данные заполнения форм, историю браузера, локальное хранилище, пароли, и так далее.
16. Cache Killer — полезный плагин для тестировщиков, отключающий кэширование Chrome. В отличие от предыдущего расширения, это позволяет очищать кэш браузера перед загрузкой страницы. В результате вы получаете последнюю версию кода с сервера. Если вам нужно протестировать кэширование, отключите эту функцию одним щелчком.
Расширения Chrome для тестировщиков: эмуляторы размеров экрана
17.
Resolution Test — поможет при тестировании веб-приложений на разных разрешениях и размерах экрана. Выбрать распространенное разрешение можно из списка, или же ввести необходимые размеры вручную. Это расширение изменяет размеры браузера и эмулирует ваше приложение в нужном разрешении экрана.
18. Window Resizer — еще одно полезное для веб-тестирования расширение. Делает в Chrome то же самое, что Firesizer для Firefox — изменяет размеры окна браузера, эмулируя различные разрешения экрана. Позволяет увидеть, как верстка сайта поведет себя при различных размерах экрана. Позволяет выбрать предустановленные разрешения и добавлять новые. Отличается от Resolution Test возможностью устанавливать горячие клавиши, а также экспортировать свои настройки и переносить их на другой компьютер.
Расширения Chrome для тестировщиков: исследовательское тестирование.
19. Bug Magnet — это расширение чрезвычайно экономит время, когда вы занимаетесь исследовательским тестированием.
Просто щелкните правой кнопкой мыши на любом поле приложения и вызовите контекстное меню с предустановленными значениями для электронной почты, имен, номеров телефонов, индексов, и т. д. Выберите нужное значение, и оно подставится в активное поле. В результате вам не придется тратить время на подготовку тестовых данных для полей — это расширение уже сделало работу за вас. Дайте ему шанс — гарантирую, вам понравится.
20. Form Fuzzer — еще одно расширение, позволяющее заполнять поля различными значениями. Как и предыдущее, избавляет от подготовки данных вручную. Просто щелкните правой кнопкой мыши на нужном поле и выберите значение из готового списка.
21. Web Developer Form Filler — это расширение сделает заполнение форм детской забавой. Очень полезно для исследовательского тестирования — любую форму можно заполнить, просто нажав на горячую клавишу.
Расширения Chrome для тестирования API
22. Postman — инструмент для тестирования API-запросов, особенно REST API.
Позволяет настраивать и переключать переменные на лету, и бережет ваше время. Самообучается.
23. Advanced RESTClient — еще одно расширение для API-тестирования. Не так богато функциональностью, как Postman, зато хорошо подходит для новичков. REST Client позволяет создавать и тестировать кастомные API-запросы при помощи простого интерфейса.
24. Resteasy — еще одна возможность тестировать REST API в Chrome. Функциональность этого расширения похожа на Advanced REST Client. Попробуйте оба и выберите то, которое вам больше нравится.
25. JSONView — чтение данных JSON может превратиться в кошмар, когда вы тестируете REST API (попробуйте — поймете, о чем я). Расширение JSONView позволяет просматривать отформатированный JSON в форме дерева внутри Chrome, намного упрощая чтение и верификацию.
26. Ghostery — это расширение упрощает тестирование поведения приложения в ситуации, когда сеть падает и API прекращает работать. Оно позволяет увидеть все трекеры страницы и отключать их при необходимости.
Расширения Chrome для тестирования безопасности и проникновения.
27. XSS Rays — это полезное расширение широко используется тестировщиками безопасности. По сути это чистый Javascript XSS сканер, помогающий выявить уязвимости XSS. XSS Rays анализирует все ссылки и формы загруженной страницы и проверяет XSS по параметрам GET и POST.
28. Request Maker — основное расширение Chrome для тестирования на проникновение. Позволяет создавать новые запросы, отлавливать запросы, сделанные страницами, поиграть с URL, изменять заголовки и данные POST. Больше всего мне нравится его возможность делать закладки для запросов по щелчку мыши.
29. d3coder — еще одно расширение для тестирования на проникновение. Позволяет кодировать и декодировать выбранный текст через контекстное меню прямо из Chrome. Скопируйте текст в буфер обмена и выберите «Преобразовать» в меню. После преобразования d3coder копирует полученный текст в буфер обмена. Это классное расширение, позволяющее преобразовывать текст в разные форматы — например, base64, rot13, CRC32, UNIX-время.
30. Site Spider — расширение, сообщающее о битых ссылках на странице. Экономит массу времени — не приходится вручную проверять, все ли ссылки работают. Есть возможность ограничить работу расширения, добавляя ограничения и регулярные выражения. У расширения открытый исходный код — меняйте его в соответствии с вашими нуждами.
Расширения Chrome для тестирования доступности.
Различные принципы доступности (например, WCAG, ARIA, RGAA, Section 508) определяют, как сделать сайты и приложения доступными для людей с ограниченными возможностями. Вот какими расширениями можно воспользоваться, чтобы убедиться, что эти принципы выполняются:
31.Wave evaluation tool — очень крутой инструмент оценки доступности, тестирующий сайт на соответствие принципам WCAG. Отличное расширение, встраивающее дополнительную функциональность прямо в браузер и дающее видимую обратную связь по доступности страницы (вставляет иконки и индикаторы прямо на сайт).:max_bytes(150000):strip_icc()/printable-rulernet-printable-ruler-596f7f696f53ba0011f619b0.jpg)
32. Accessibility Developer Tools — добавляет «Оценку доступности» и боковую панель доступности в инструменты разработчика Chrome. При запуске оценки доступности расширение выводит список правил WCAG 2.0, нарушенных на странице, включая недостающие ARIA-элементы.
33. aXe- еще одно расширение, пополняющее возможности для тестирования доступности. Небольшое и легкое, оно основано на aXe Javascript-библиотеке. Сообщает об отклонениях от WCAG 2.0 (W3C Web Content Accessibility Guidelines) и Section 508 (Федеральный стандарт США).
34. ARIA validator — добавляет кнопку, по нажатию на которую проверяется внедрение ARIA в страницу. Для каждого фрейма на странице расширение покажет вкладку с ошибками и предупреждениями.
Расширения Chrome для повышения производительности
35. Session Manager — как тестировщик, вы наверняка ходите по одному и тому же набору сайтов и ссылок ежедневно. Если это про вас, обязательно установите это расширение! Оно позволяет объединять сайты и странички в группы, которые затем можно открывать по щелчку мыши.
Работайте на одном дыхании! Правда, круто звучит? Расширение позволяет управлять вкладками — сохранять их, обновлять, удалять и восстанавливать наборы. Вы не пожалеете, что установили его.
36. iMacros — каждый тестировщик в общем и целом делает одно и то же ежедневно. Это расширение упрощает жизнь веб-тестировщику, позволяя записывать и проигрывать действия на странице. Конечно, для этого можно использовать Selenium WebDriver и другие средства автоматизации, однако iMacros позволит автоматизировать ваши рутинные действия — например, smoke-тестирование, которое в норме состоит из стандартного набора одинаковых кликов. Расширение можно также использовать для открытия одних и тех же наборов страниц или ссылок. Ну или просто воспользуйтесь Session Manager!
37. MindMup — отличное расширение для бесплатного создания ментальных карт. Ментальные карты — неплохой способ документировать свое понимание процессов в приложении, записи сценариев тестирования и уточнения зависимостей между различными компонентами.
Расширение дает возможность заниматься всем этим, не покидая браузер. Оно позволяет создавать свои карты и работать совместно с другими пользователями, и имеет простой и понятный интерфейс. Интегрируется с Google Drive и Dropbox. Так как ваши карты хранятся в облаке, они доступны откуда угодно — неважно, пользуетесь ли вы браузером на ПК, на планшете, или на телефоне.
38. Proxy SwitchySharp — приходит на помощь, если вам необходимо часто переключаться между прокси. Позволяет легко и непринужденно управлять прокси и переключаться между ними. Больше всего мне нравится, что оно позволяет создавать правила для автоматического переключения прокси, активируя отдельные прокси для соответствующих ссылок. Также оно дает возможность скрывать IP-адреса, что делает его неплохим инструментом тестирования на проникновение.
Вот так.
Надеюсь, что этот список расширений Chrome для тестировщиков вам поможет — дайте мне знать, как вы его оцениваете.
Спасибо, и удачи в тестировании!
Обсудить в форуме
Perfect Screen Ruler 3.0 — Download
Alexander G. Styopkin – 0.6MB – Freeware – Windows
Download Safe to install
How to find out the size of something on the screen or to take a closer look at it?
Use Perfect Screen Ruler.
You will easily find out the size of any item on the screen, for instance, the size of a button or the distance between two points. You will be able to enlarge the image if necessary. It is useful when you measure some small images or when you need to study the enlarged area of the screen in detail.
Perfect Screen Ruler is a Freeware software in the category Graphics Applications developed by Alexander G. Styopkin.
It was checked for updates 31 times by the users of our client application UpdateStar during the last month.
The latest version of Perfect Screen Ruler is 3.0, released on 08/20/2016. It was initially added to our database on 08/27/2007. The most prevalent version is 3.0, which is used by 100 % of all installations.
Perfect Screen Ruler runs on the following operating systems: Windows. The download file has a size of 0.6MB.
Perfect Screen Ruler has not been rated by our users yet.
Write a review for Perfect Screen Ruler!
Screenshots (Click to view larger)
Installations
31 users of UpdateStar had Perfect Screen Ruler installed last month.
Latest updates
| 08/29/2022 | LDPlayer 4.0.83 |
| 05/21/2023 | Paint.NET 5.0.5 |
| 05/20/2023 |
vnTools 1. 2
|
| 08/01/2007 | 北太天元 |
| 08/01/2007 | RunLib2019 版本 |
Download
Download at Alexander G.
Styopkin
Secure and free downloads checked by UpdateStar
Stay up-to-date
with UpdateStar freeware.
Latest News
| 05/17/2023 | Google Chrome 113.0.5672.126/.127 available |
| 05/11/2023 | How to streamline a Windows start-up in 2023 |
| 05/10/2023 | New Edge 113 available for download |
| 05/08/2023 | Why you should think about using a VPN to protect your privacy |
| 05/03/2023 | Google Chrome 113 update available |
Related searches
- » screen ruler 3 в 1
- » screen ruler для chrome
- » perfect screen ruler
- » программа perfect screen ruler
- » screen ruler 6.
0 описание - » where is 1.51 on ruler
- » screen ruler
Most popular downloads
- UpdateStar Premium Edition
- Google Chrome
- Microsoft Visual C++ 2015 Redistributable Package
- Microsoft Edge
- Microsoft Visual C++ 2010 Redistributable
- Microsoft OneDrive
Tags
- ruler
- screen
- zoom
Never miss an update for Perfect Screen Ruler again with UpdateStar
Current Newsletter
All versions
Browse
- Audio & Multimedia
- Business
- Communications
- Desktop
- Development
- Education
- Games & Entertainment
- Graphics Applications
- Home & Hobby
- Internet
- Security
- Servers
- System Utilities
- Web Development
- Miscellaneous
15 обязательных расширений Chrome для дизайнеров
Работа дизайнера очень интересна и полна творчества.
Тем не менее, каждая работа в определенной степени связана с хлопотами и скучным ручным трудом. Чтобы сделать вашу жизнь немного проще, мы перечислили 15 наших любимых расширений Chrome, которые повышают эффективность, расширяют творческие возможности или делают работу более увлекательной. По общему признанию, три инструмента внизу на самом деле не являются расширениями Chrome. Однако они нам настолько понравились, что мы все же включили их в этот список.
1. Colorzilla
Никому не нравятся проблемы с шестнадцатеричным кодом. Вы захотите создать медийную рекламу с теми же фирменными цветами, что и на веб-сайте. Брендбук не всегда под рукой. По крайней мере, для цветов вам не нужно, если у вас установлен Colorzilla. С помощью ColorZilla вы можете получить показания цвета из любой точки вашего браузера, быстро настроить этот цвет и вставить его в другую программу. Он также имеет множество других отличных функций, что делает его наиболее полным доступным средством выбора цвета.![]()
2. Палитра сайта
Если вам нужны все цвета с веб-сайта, тогда вам подойдет палитра сайта. Site Palette генерирует цветовые палитры на основе кодировки веб-сайта. Он также позволяет создавать общие ссылки и загружать автоматически сгенерированные шаблоны Sketch.
3. WhatFont
Вы когда-нибудь пытались выяснить, какой шрифт используется на веб-сайте, который вам действительно нравится? И как часто вы появлялись с пустыми руками? WhatFont распознает шрифт, используемый для любой копии, с которой вы сталкиваетесь в своем браузере, наведя на нее курсор. Довольно полезно, когда вы работаете в агентстве, и ваш клиент забыл название шрифта, который он хочет использовать в своей медийной рекламе…
4.
Загрузчик изображений Если вам когда-либо понадобится массово загружать изображения с веб-страницы, Image Downloader — это расширение для вас. Это особенно полезный инструмент для агентств и издателей, которые создают большой объем медийной рекламы для клиентов малого и среднего бизнеса, не располагающих слишком большими ресурсами. Image Downloader имеет некоторые дополнительные функции, которые позволяют фильтровать изображения на странице по ширине, высоте и URL-адресу или настраивать ширину отображения изображения, столбцы, размер границы и цвет.
5. Pageruler
С помощью Pageruler ваши дизайны будут идеальными. Этот удобный инструмент позволяет рисовать линейку для получения размеров в пикселях, а также для позиционирования и измерения элементов на любой веб-странице.
6. Линейка дизайнеров
Линейка дизайнеров — это простая экранная линейка, позволяющая дизайнерам измерять что-либо в Интернете.
Действительно просто, хотя он включает в себя несколько очень полезных опций, таких как раскрывающееся наложение и измерения шрифта.
7. Corporate Ipsum
Не уверен, что мы решаем здесь настоящую проблему, но Corporate Ipsum генерирует случайную корпоративную чепуху, которая отличается от общего lorem ipsum тексты. Что особенно полезно в этом инструменте, так это то, что он генерирует контент-заполнитель по словам или абзацам. Определенная экономия времени!
8. Изменение размера окна
Цифровые дизайнеры хотят знать, подходят ли их проекты для различных разрешений экрана. Window Resizer позволяет вам эмулировать разрешение экрана или браузера, чтобы вы могли тестировать свои проекты в любом из них. Отличный инструмент для окончательной проверки вашего дизайна.
9. Dark Reader
Это расширение для защиты зрения позволяет создавать темные темы для веб-сайтов в ночном режиме на лету.
Dark Reader инвертирует яркие цвета, делая их высококонтрастными и удобными для чтения ночью. Вы можете настроить яркость, контрастность, фильтр сепии, темный режим, настройки шрифта и список игнорирования. Перед установкой отключите подобные расширения.
10. Расширение Pexels для Chrome
Время от времени каждый ценит немного вдохновения. Расширение Pexels для Chrome показывает вам красивую фотографию каждый раз, когда вы открываете новую вкладку браузера. Это расширение заставит вас удивляться пару раз в день. Pexels — один из многих отличных поставщиков стоковых фотографий, который предлагает множество бесплатных материалов.
11. Easy Screen Capture
Этот инструмент для захвата экрана является отличной альтернативой большинству существующих решений, поскольку он часто обновляется и позволяет экономить ваши скриншоты в PNG, а также PDF-файлы или поделиться ими напрямую.
Easy Screen Capture также позволяет вам определить папку по умолчанию для ваших снимков экрана, а расширение предлагает некоторые базовые инструменты редактирования, так что вам не придется открывать, редактировать и сохранять файл.
12. RescueTime для Google Chrome™
Вы заняты весь день, почти все дни недели. Однако к концу недели трудно вспомнить, что именно вы делали. Не говоря уже о конце месяца. Звучит знакомо? RescueTime помогает получить представление о проделанной работе. Например, если вы тратите свое время на создание медийной рекламы для клиентов, вы сможете увидеть, сколько часов вы потратили на какие проекты для каких клиентов.
13. TinyJPG/TinyPNG Трудно не заметить , так как рано или поздно любой будет использовать TinyPNG для изменения размера, сжатия или обрезки изображений. В основном он используется для соблюдения ограничений рекламных сетей на размер файлов или просто для того, чтобы сделать ваш веб-сайт быстрее и интереснее с лучшим сжатием.
Если по какой-либо причине изображения, которые вы хотите использовать для своих медийных объявлений, довольно тяжелые, TinyPNG — это то, что вам нужно.
14. Fontsquirrel
Не все файлы шрифтов очень стабильны в Интернете. По этой причине Bannerwise принимает только файлы шрифтов .ttf. Если у вас нет файла .ttf вашего шрифта, вы можете преобразовать его с помощью генератора веб-шрифтов Fontsquirrel. Обратите внимание, что ваши шрифты должны иметь законное право на веб-встраивание. Это означает, что в определенной степени вы должны владеть авторскими правами на шрифт, который используете.
15. Coolors.co
Если вам нужно немного цветового вдохновения для ваших креативов, Coolors.co поможет вам создать цветовую схему. Coolors.co также создает цветовые схемы на основе изображений и позволяет настраивать и уточнять такие свойства, как температура, оттенок и насыщенность.
Coolors.co предлагает удобные форматы экспорта и позволяет хранить все в облаке.
И последнее, но не менее важное: мы хотели бы отметить, что наша платформа, Bannerwise, также является довольно изящным инструментом. Это поможет вам создать красивые персонализированные медийные объявления в один миг.
Ознакомьтесь с некоторыми примерами или узнайте больше, связавшись с нами!
Как включить просмотр линеек в Chrome DevTools?
Задавать вопрос
спросил
Изменено 3 месяца назад
Просмотрено 126 тысяч раз
Chrome DevTools ранее предлагал параметр для отображения линеек при проверке элементов. У него была пиксельная линейка по бокам представления и граничные линии для каждого элемента, расширяющие полное представление страницы.
Раньше его можно было найти (насколько я помню) в «Настройки DevTools/Общие». Раздела «Общие» больше нет, и я не вижу его в «Настройки/Внешний вид DevTools». Это перенесли или удалили? Я не нахожу документацию или обсуждение этого.
- гугл-хром
- google-chrome-devtools
1
Вы можете включить его в настройках DevTools > «Настройки» в разделе «Элементы».
Чтобы использовать, откройте консоль и наведите указатель мыши на элемент, чтобы просмотреть линейку. Спасибо @Brandito за упоминание в комментарии.
8
Нажмите Переключить панель инструментов устройства , которая находится в левом верхнем углу окна DevTools.
Щелкните Дополнительные параметры и выберите Показать линейки .
Линейки находятся слева и выше окна просмотра.


2