Корисні для тестувальника розширення в браузерах

Незалежно від виду браузера і зручності використання, його роботу завжди можна вдосконалити шляхом встановлення розширень, які покращують продуктивність роботи, збільшують безпечність використання та навіть слугують для розваг. Про такі (і не тільки) розширення йтиметься далі у статті, метою якої є ознайомлення з найпопулярнішими розширеннями різних браузерів, які стануть у нагоді як для тестувальника-початківця, так і для досвідчених «гуру» у сфері QA.

Що таке розширення в браузерах?

Розширення для браузера є програмою, яка націлена доповнити або покращити його функціонал. Головною метою встановлення доповнень є «розширення» функціоналу браузера. Замість того, щоб кожного разу заходити на спеціальні сайти з метою перевірити правопис того чи іншого слова, можна встановити розширення, яке буде відразу ж під час написання виправляти та робити підказки. З використанням розширень можна «вмонтувати» елементи у хмарне сховище та, наприклад, створити власний мікросервіс. Розширення (extention) також можуть називатись доповненнями (add-on) та плагінами (plug-in).

Розширення можуть не тільки покращувати процес тестування, але й бути перешкодою у цьому

Є розширення, які можуть навантажувати операційну пам’ять ПК, тим самим сповільнювати швидкість браузера, який використовується у роботі. Є також чимало вірусних розширень, разом із встановленням яких є ризик нашкодити операційній системі. Нерідко подібні додатки можуть відстежувати історію пошуку користувача або ж без його дозволу використовувати його персональні дані (важко уявити, до чого може призвести така ситуація на робочому комп’ютері, де зберігаються логіни, паролі, cookie-файли та інша конфіденційна інформація). Тому, перш за все, потрібно встановлювати розширення із перевірених та ліцензованих джерел.

Нижче наведено перелік корисних розширень, які стануть у нагоді кожному тестувальнику.

Розширення для Google Chrome

RoboForm

Першим браузером, для якого будуть розглядатись розширення, стане найпопулярніший та найстабільніший браузер, а саме Google Chrome. Браузер сам по собі є безпечним та багатофункціональним, але перераховані нижче розширення зроблять користування ним ще більш продуктивним.

Першопрохідцем, який відкриває ТОП найкращих розширень для Google Chrome є RoboForm. Однією із функціональних особливостей є те, що розширення дозволяє зберігати адреси сайтів з акаунтами для подальшого автоматичного входу. До переваг розширення належить те, що всі акаунти будуть збережені у всіх основних браузерах та додатках (наприклад, Skype).

Серед недоліків цього розширення можна виділити наступне:

• альтернативою RoboForm є використання акаунта в Google Chrome;
• процес авторизації на кожному новому сайті буде супроводжуватись запитом на дозвіл зберігання авторизаційних даних;
• перед встановленням розширення рекомендується встановити всі необхідні браузери (це, скоріш, не недолік, а невеличка рекомендація).

Pushbullet

Це розширення, з допомогою якого можна ділитись посиланнями, текстом і файлами не тільки між різними браузерами, але і між мобільними девайсами.

Переваги:

• безкоштовне використання;
• кросплатфоменість;
• регулярне оновлення;
• обмін файлами та посиланнями на «раз-два».

EditThisCookie

EditThisCookie – це розширення, з використанням якого можна видаляти окремі cookie, або ж cookie для всього сайту.

Переваги:

• можливість редагування, видалення та пошуку необхідних файлів;
• налаштування фільтрів для видалення небажаних cookie;
• імпорт файлів у окремі документи.

Hola Free VPN Proxy Unblocker

Hola Free VPN Proxy Unblocker – це безкоштовний проксі-сервер, який дозволяє змінити місцерозташування (IP-адресу) під час використання браузера.

Переваги:

• не знижується швидкість Інтернету;
• простота у користуванні;
• не використовується шифрування.

Evernote Web Clipper

Розширення дозволяє зберігати контент та посилання на сторінці. Всі дані зберігаються на зовнішньому ресурсі у хмарному сховищі.

Переваги:

• синхронізація на декількох пристроях;
• зручний інтерфейс;
• багато інструментів для редагування тексту.

Fonts Ninja

Fonts Ninja – це розширення, яке показує шрифти на сторінці після наведення курсору на текст. Серед переваг розширення є те, що з одним рухом курсору можна дізнатись не тільки тип шрифту, але й його розмір, вагу, висоту, ширину та колір.

iMacros

Розширення розроблене з метою запису макросів.

Переваги:

• можливість автоматизації окремих дій у браузері;
• повністю безкоштовне розширення;
• простота у використанні.

До корисних для тестувальника розширень також належать:

Page Ruler – лінійка, яка дозволяє вимірювати розміри графічних елементів на сторінці.

Wappalyzer – розширення, яке автоматично визначає CMS та інші платформи для сайту. Wappalyzer може бути корисним при тестуванні безпеки.

Free Download Manager – розширення, яке прибирає нижню панель завантажень у браузері та «перетворює» її у стрілку у правому верхньому куті браузера (на кшталт як у браузері Firefox).

Tamper Chrome (Tamper Chrome application) – розширення, яке дозволяє відстежувати вхідні та вихідні http-запити.

ChromePass – додаток для імпорту та експорту паролів із браузера.

Web Developer Checklist – чекліст веб-розробника для аналізу всіх параметрів сайту та пошуку помилок.

ColorZilla – розширення для розпізнавання кольорів при наведенні курсору.

Window Resizer – можливість перегляду сайту при різній ширині екрану для перевірки адаптивності.

Check My Links – перевірка «битих» посилань на сторінці.

PerfectPixel – можливість «нашарування» напівпрозорого зображення поверх веб-сторінки, для попіксельного порівняння.

Web Developer – розширення з великою кількістю різних інструментів розробника.

PageSpeed Insights – можливість аналізу завантаження веб-сторінки.

HTML Validator – плагін для перевірки сторінки на валідність.

Fake Filler – розширення для заповнення полів фіктивними даними.

Proxy SwitchySharp – ввімкнення, вимкнення та перезавантаження проксі.

Quick Javascript Switcher – ввімкнення та вимкнення скриптів.

CSSViewer – розширення показує усі стилі елементів при наведенні курсору.

SEO Analysis & Website Review by WooRank – розширення надає обширну інформацію щодо SEO.

Redirect Path – розширення показує всі види редіректів при серфінгу по сайту.

Clear Cache Shortcut – очищення кеша.

Swap My Cookies – перемикання між акаунтами завдяки кукіс.

CSS Dig – розширення збирає всі стилі, які підключені до сторінки і згруповує їх за назвою.

Розширення для Mozilla Firefox

Браузер Mozilla Firefox не поступається у популярності Google Chrome, а однією із переваг (як і недоліків) є те, що браузер містить велику кількість додатків та розширень. Ось декілька із тих, які стануть у нагоді тестувальникам.

Selenium IDE

Це розширення використовується для розробки тестових сценаріїв. Тестувальники використовують Selenium IDE для автоматизації одноманітних дій (наприклад, автозаповнення форм, полів тощо).

Переваги:

• повністю безкоштовне розширення;
• швидкий запис, відтворення та редагування тестів;
• ідеальне середовище для створення тестів Selenium.

Simple Lorem Ipsum

Це генератор тексту, який використовується для тестування коментарів та інших елементів сторінки через Administrative tools браузера. Перевагою є можливість вставляти текст Lorem Ipsum на веб-сторінці у режимі редагування будь-якого вмісту сторінки.

Proxy Switcher and Manager

Дане розширення дозволяє вмикати, вимикати та перемикати проксі. Однією із переваг додатка є можливість використання до 6 різних профілів для ручного налаштування проксі.

Tamper Data

Розширення надає можливість відслідковувати всі вхідні та вихідні http-запити, а також редагувати вихідні запити перед відправленням. Перевагою є можливість моніторингу запитів у реальному часі.

Wappalyzer

Цей автовизначник CMS стане у нагоді при тестуванні безпеки.

Переваги:

• відсутність потреби відкривати нові вкладки;
• робота в реальному часі;
• відображення не тільки CMS, але і багато іншої цікавої для аналізу ресурсу інформації.

Серед інших корисних для тестування додатків знаходяться:

Web Developer – розширення з великою кількістю ріних інструментів.

YSlow – інструмент для зменшення швидкості завантаження сторінки та її окремих елементів.

Cookie AutoDelete – менеджер кукіс.

Empty Cache Button – розширення для очищення кеша.

Pushbullet – дане розширення дозволяє передавати посилання, файли та текст як між браузерами, так і між мобільними девайсами.

Roboform – як і у випадку із Google Chrome, це розширення дозволяє зберігати адреси сайтів з акаунтами для подальшого автоматичного входу.

FireX Proxy – це проксі для швидкої зміни свого місцезнаходження під час роботи у браузері.

Розширення для Microsoft Edge

Браузер Microsoft Edge є наступником Internet Explorer, який був створений з чистого аркуша, без оглядування на свого попередника. Візуальна стилістика інтерфейсу користувача нагадує всім нам знайомий інтерфейс Google Chrome. Розглянемо розширення, доступні для даного браузера, які стануть у нагоді тестувальникам.

Evernote Web Clipper

Це розширення, яке дозволяє зберігати матеріали з мережі Інтернет, а саме статті, зображення, важливі веб-сторінки тощо.

Переваги:

• зберігання інформації в зручному форматі;
• дані можна структурувати;
• можна ставити мітки.

Selenium IDE

Розширення допомагає генерувати та підтримувати автоматизацію веб-сайтів, тести та усунути необхідність виконувати повторювані дії вручну.

Accessibility Insights for Web

Це інструмент для тестування доступності інтерфейсів від Microsoft у вигляді розширення, завдяки якому можна знаходити та виправляти проблеми зі спеціальними можливостями у веб-програмах та на сайтах.

Розширення для Safari

Safari є типовим продуктом компанії Apple. Браузер зручний, має приємний дизайн та надійний у використанні. Ось деякі із розширень, які будуть корисними під час тестування саме у цьому браузері.

Live CSS Editing – розширення для перевірки CSS у реальному часі.

Snapper – додаток для створення знімків екрану.

Safari Tidy plugin – інструмент для перевірки коду на наявність помилок.

Roboform – розширення для зберігання адрес сайтів із акаунтами для автоматичного входу.

Розширення для Opera

Opera – браузер, який володіє широким спектром інструментів для зручного серфінгу у мережі Інтернет. Нижче розміщені розширення, які зроблять роботу тестувальників у цьому браузері більш зручною та продуктивною.

Responsive Web Design Tester

Це розширення дозволяє переглядати сайт із різними значеннями ширини екрану, що зручно при тестуванні адаптивності сайту.

EditThisCookie – менеджер кукіс.

Web Fonts – розширення дозволяє переглядати шрифти, які знаходяться на сторінці.

W3C Markup Validation Service – іструмент, з допомогою якого можна перевіряти валідність сторінки.

Web developer – розширення, яке пропонує для роботи велику кількість різноманітних інструментів.

Roboform – (як вже згадувалось раніше) це розширення для зберігання адрес сайтів із акаунтами для автоматичного входу.

Розширення для Internet Explorer

Internet Explorer – браузер з-під крила компанії Microsoft, у роботі з яким можна використовувати наступні розширення.

Internet Explorer Developer Toolbar

Розширення дозволяє працювати з DOM, переглядати імена класів, ID, посилання, виділяти на сторінці графічні елементи та теги, очищати кеш, масштабувати сторінку, відображати розміри і тому подібне.

Переваги:

• можливість очистити кеш браузера/cookie;
• масштабування вікна;
• виділення різних елементів.

Roboform – усім вже знайоме розширення для зберігання адрес сайтів.

Як можна було помітити, у статті було розглянуто чимало розширень, але далеко не всі насправді можуть зекономити час та покращити роботу тестувальника. Наприкінці варто нагадати, що під час встановлення розширень потрібно приділяти ретельну увагу рейтингу, кількості завантажень та відгуків, а також репутації розробників. Всі ці прості правила дозволять вберегтись від шкідливого софта, який все частіше можна зустріти навіть у магазинах браузерів.