Працюючи в якості веб-розробника, ви, ймовірно, багато часу використовуєте браузер. Сьогодні майже кожен браузер має свої власні інструменти для розробників, які дозволяють побачити, що відбувається за лаштунками. Деякі з браузерів мають безліч розширень, які допоможуть вам оптимізувати процес веб-розробки.
У цьому пості ми зібрали наші улюблені і корисні розширення для Google Chrome, які допомагають спростити життя веб-розробника.
1 Web Developer
2 Accessibility Web Developer Tools
3 Responsive Web Design Tester
Використовуйте розширення Responsive Web Design Tester. щоб перевірити, як сторінка реагує на різні пристрої. Воно відображає розмір і браузер мобільного пристрою, поставляється з пресетами різних Android пристроїв. Він також працює в автономному режимі, який корисний при розробці сайтів на локальному хостингу без доступу до Інтернету.
4 Wappalyzer
5 PerfectPixel
6 Refined GitHub
7 CDN Headers Cookies
8 User Agent Switcher
Використовуйте це розширення. щоб змінити агента користувача для підміни пристрої та / або браузера. Ви можете швидко перемикатися між різними користувачами або додавати свої власні з настройками, що імітують Internet Explorer, iPhone, або імітують роботу Google бота. Це корисно для налагодження і тестування поведінки сайту на різних пристроях.
9 JSON Viewer
10 Check My Links
11 Usersnap
Часто веб-розробники щодня співпрацюють з кількома людьми, працюючи над проектом. Це невелике розширення дозволить упорядкувати процес спільної роботи, оскільки воно створює скріншоти поточного контенту. Ви зможете спілкуватися більш ефективно з різних питань, обмінюватися зворотним зв'язком між іншими розробниками, клієнтами та іншими людьми, які беруть участь в веб-розробці проекту.
IE Tab емулює Internet Explorer, використовуючи свій движок рендеринга безпосередньо в Chrome. Додаток дозволяє використовувати елементи керування ActiveX для перевірки розробляються сайтів з різними версіями IE, починаючи від IE6 до IE9.
13 DevTools AutoSave
14 Chrome MySQL Admin
Якщо ви щодня працюєте з базами даних, розгляньте можливість включення цього розширення в свій робочий процес. Це простий MySQL клієнт з усіма необхідними інструментами для управління базами даних і таблиць MySQL. Ви зможете підключитися до баз даних і керувати ними, виконувати запити, створювати і видаляти таблиці та багато іншого в швидкий і легкий інтерфейс програми.
15 Grunt Devtools
Це розширення інструментів розробника Chrome додає інструменти з підтримкою фонових завдань і дозволяє виконувати завдання для численних проектів в одному вікні.