Firefox є одним з відомих браузерів в індустрії веб-розробки, головним чином завдяки широкому колу інструментів для веб-розробки, таких як Firebug. Перед Chrome, Firefox набув найбільшої уваги і вважався кращою альтернативою проти свого конкурента - Internet Explorer, тому що він відтворює DOM і макет досить послідовно, незважаючи на різні релізи. Особисто я перемикаю між Firefox і Chrome, тому що я занадто звик до інтерфейсу Firebug. Як наслідок, я використовую Firefox для веб-розробки і Chrome як додатковий веб-переглядач, головним чином для веб-додатків Google (gmail, igoogle, analytics) і веб-рендеринга (CSS 3D, WebGL). У разі, якщо ви пропустили це, я зробив всеосяжний Розширення веб-розробки Google Chrome завершуються минулого тижня.
Цього разу я переглянув сторінку Firefox Add-on і обрав 28 додатків, які допоможуть вам налагодити, протестувати та прискорити процес розробки. Деякі з них, можливо, вже знайомі з такими інструментами, як веб-розробник і firebug. А іншим можна шукати.
- Firebug Якщо ви веб-розробник, вам потрібен Firebug. Firebug інтегрується з Firefox для того, щоб під час перегляду розміщувати багато інструментів розробки. Ви можете редагувати, налагоджувати та відстежувати CSS, HTML та JavaScript у будь-якій веб-сторінці ...
- NoScript Найкраща безпека, яку ви можете отримати в веб-браузері! Дозволити активний вміст запускатися лише з сайтів, яким ви довіряєте, і захистіть себе від атак XSS і Clickjacking.
- Веб-розробник Розширення Web Developer додає до веб-переглядача різні інструменти веб-розробника.
- FireFTP FireFTP - це безкоштовний, безпечний, крос-платформний FTP / SFTP-клієнт для Mozilla Firefox, який забезпечує легкий і інтуїтивний доступ до FTP / SFTP-серверів.
- FireSSH FireSSH - це безкоштовний, крос-платформний клієнт терміналу SSH для Mozilla Firefox. Написана виключно в Javascript!
- Агент користувача Switcher Розширення користувача агента користувача додає меню та кнопку панелі інструментів для перемикання агента користувача браузера.
- ColorfulTabs Найкрасивіша, але найпростіша доповнення, що робить сильний барвистий вигляд. Кольори кожної вкладки мають інший колір і полегшують їх розрізнення, прикрашаючи загальний вигляд інтерфейсу.
- ColorZilla Розширений Eyedropper, ColorPicker, градієнт генератор та інші барвисті ласощі ...
- iMacros Автоматизація Firefox. Записуйте і відтворюйте повторювану роботу. Якщо ви любите веб-браузер Firefox, але втомилися від повторюваних завдань, таких як відвідування тих самих сайтів кожного дня, заповнення форм і запам'ятовування паролів, то iMacros для Firefox - це рішення, про яке ви мріяли!
- Прямі заголовки HTTP Переглядайте заголовки сторінки HTTP і під час перегляду сторінок.
- DOM Inspector DOM Inspector - це інструмент, який можна використовувати для перевірки та редагування живого DOM будь-якого веб-документа або програми XUL. DOM може переміщатися за допомогою вікна з двома панелями, що відображає різні види на документі та всіх вузлах усередині.
- YSlow YSlow аналізує веб-сторінки і чому вони повільні на основі правил Yahoo! Для високопродуктивних веб-сайтів.
- ShowIP Показати IP-адресу (-ї) поточної сторінки в рядку стану. Вона також дозволяє запитувати користувальницькі інформаційні послуги за допомогою IP (правою кнопкою миші) і імені хоста (лівою кнопкою миші), наприклад whois, netcraft і т.д. Крім того, ви можете скопіювати IP-адресу в буфер обміну.
- Pixel Grabber Захоплення екранів і витягування зображень з Інтернету стало трохи легше. З додатком Pixlr Grabber можна копіювати, зберігати, обмінюватись або навіть редагувати кінцеві захоплення - включаючи будь-яке зображення або фон - лише за допомогою правої кнопки миші.
- Менеджер SQLite Керуйте будь-якою базою даних SQLite на вашому комп'ютері.
- Форми автозаповнення Форми автозаповнення дозволяють заповнювати веб-форми одним клацанням миші або клавіатурним скороченням.
- HTTPFox Додаток аналізатора HTTP для Firefox
- Розширення SeoQuake SEO Seoquake є розширенням Firefox SEO, спрямованим на допомогу веб-майстрам, які займаються пошуковою оптимізацією (SEO), оптимізацією соціальних медіа (SMO) та інтернет-просуванням. Seoquake дозволяє досліджувати багато важливих параметрів SEO.
- JSONView Переглядайте документи JSON у веб-переглядачі.
- Очистити статус Легкий стан керування та керування з стану ...
- Нахил 3D 3D-візуалізація веб-сторінки на основі WebGL.
- LinkChecker Перевірте правильність посилань на будь-якій веб-сторінці.
- Шрифт Finder FontFinder створено для дизайнерів, розробників і типографів. Вона дозволяє користувачеві аналізувати інформацію про шрифт будь-якого елемента на сторінці, копіювати будь-які фрагменти цієї інформації в буфер обміну і виконувати вбудовані заміни для перевірки нових макетів.
- Загальна перевірка Виконуйте багато різних перевірок за один раз. Цей кілька валідаторів працює з зовнішніми, внутрішніми або місцевими веб-сторінками.
- Демоніфікатор Javascript Цей аддон знешкодить javascript перед його завантаженням. Це корисно при використанні firebug для налагодження програми JavaScript, яка використовує JavaScript, який було знищено.
- Тестер регулярних виразів Інструмент тестування для регулярних виразів з кольоровим підсвічуванням (включаючи субматри) і помічників для створення виразів.
- Панель інструментів для розробників PHP Зупиніть пошук на PHP.net, щоб просто запам'ятати певну функцію підпису. За допомогою цього додатка ви зможете швидко знайти функції для опису офіційної функції безпосередньо у вашому браузері без нової вкладки. Plus, багато інструментів, які допоможуть розробникам PHP.
- Заголовок Spy Показує заголовки HTTP на рядку стану.
Кевін Лєв
Kevin Liew - веб-дизайнер і розробник, який зацікавлений у розвитку індустрії веб-розробки. Він любить розвиток інтерфейсу і абсолютно вражений jQuery. Не соромтеся сказати привіт мені, або слідувати @quenesswebblog на Twitter.