При правильній настройці Firefox може стати найкращим інструментом веб-розробки, надаючи вам прямий доступ до сторінки, на якій ви працюєте, щоб ви могли стилізувати свою сторінку в режимі реального часу, налагоджувати javascript або навіть редагувати html.
Створіть окремий профіль для веб-розробки
Встановлення всіх цих засобів розробки зробить Firefox дуже важким браузером, тому спочатку слід створити новий профіль для Firefox.
Ви можете запустити окремий профіль одночасно зі своїм звичайним профілем, створивши новий ярлик із цими аргументами, замінивши WebDev на ім'я вашого профілю. Є також більш детальне пояснення про те, як це зробити.
firefox.exe -P WebDev -не віддалено
Тепер, коли ви налаштували Firefox з окремим профілем лише для веб-розробки, давайте розглянемо розширення, які ми можемо використовувати, щоб зробити Firefox найкращим інструментом веб-розробки.
Обов’язкові розширення веб-розробників
Це всі розширення, які я регулярно використовую для веб-розробки.
Firebug - це найпотужніше розширення для налагодження javascript, перегляду CSS та html. Ви можете вносити динамічні зміни в код та CSS та використовувати їх для налагодження коду Ajax. Це справді найкраще розширення.
Одне з найкращих розширень протягом х років поспіль. Це обов’язково для будь-якого розробника, але ви вже чули про це.
Це розширення є дуже легким розширенням, яке легко покаже вам елементи на сторінці та призначений їм клас / ідентифікатор. Використовувати його простіше, ніж розширення веб-розробника, у ті часи, коли вам просто потрібна швидка інформація про елемент. Ви також можете використовувати його для видалення елементів зі сторінки.
Легко підбирайте кольори. Більше не потрібно шукати кольори, вбудовані десь у таблицю стилів.
Ви можете налаштувати кілька профілів джерела перегляду, щоб відкривати джерело в різних програмах.
Це розширення дозволяє легко перевірити HTML сторінки та встановити її на панель View Source.
Це не зовсім розширення веб-розробника, але Greasemonkey є чудовим, не в останню чергу завдяки можливості автоматизації часто виконуваних дій, що чудово заощаджує час для веб-розробників.
Легко вимірюйте відстань на екрані за допомогою цього розширення. Вимірявши площу, ви можете перетягнути прямокутник навколо екрана, щоб використовувати для порівняння.
IE View / IE Tab / OperaView / FirefoxView / Перегляд Safari / IE View Lite
Ці розширення дозволяють вам легко переглядати поточну сторінку в різних браузерах. IE Tab навіть дозволить вам запустити IE всередині вкладки, якщо ви були такими схильними.
Очищає кеш. Особливо корисно для перевірки нових змін CSS.
Розширення Restart Firefox дуже корисно для закриття та перезапуску Firefox з усіма вкладками та сесіями.
Розширення Tab Mix Plus є чудовим розширенням загалом, але має кілька, по суті, корисних функцій для веб-розробників: Дубльована вкладка та Копіювати URL-адресу вкладки.
Розширення YSlow - це нове розширення від Yahoo, яке проаналізує вашу сторінку та повідомить, де ви робите помилки. Це навіть дасть вам оцінку ефективності вашого сайту. Ви помітите маленький індикатор у нижньому правому куті ... він повідомляє вам загальний розмір вашої сторінки, а також час завантаження. Дуже корисне розширення, але воно вимагає розширення Firebug.
Розширення Dummy Lipsum генерує для вас фіктивний вміст на основі відомого тексту Lorem Ipsum, який дуже корисний для розміщення підробленого вмісту на вашому сайті.
Розширення Screengrab дозволить робити знімки екрана сторінок, але може зробити те, що звичайний інструмент скріншота не може - воно може зробити зображення всієї сторінки, а не лише видимої частини.
Є безліч інших розширень, якими ви можете скористатися, але це найкращі з найкращих з усіх, які я бачив. Якщо у вас є інше розширення, яке ви використовуєте регулярно, залиште згадку в коментарях.
На даний момент ви перетворили Firefox на найкращий інструмент веб-розробки. Не поспішайте, щоб навчитися особливо користуватися Firebug.
