1. FireBug
2. SEO Quake
3. Вимірюють
4. ColorZilla
5. FireFTP
6. Веб-розробник
7. ScreenGrab
8. Jing

Неважливо, чи є ви блогером , інтернет-маркетологом або веб-дизайнером , всі вони повинні мати доповнення для вашого браузера, які допоможуть вам в тій чи іншій формі. Деякі з них частіше, ніж інші, але вони завжди добре мати. Це список Firefox / Chrome додатків і 1, які не пов'язані з браузером, але я використовую їх щодня.

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

FireBug

Редагувати, налагоджувати та контролювати HTML , CSS та JavaScript у своєму веб-переглядачі. Це саме те, що забезпечує FireBug . Простий, але ефективний інтерфейс з додатковими опціями. Припустимо, ви хочете внести деякі зміни на свій дизайн веб-сайту, лише деякі налаштування CSS, нічого складного. Ви можете легко переглядати код HTML і CSS, знаходити потрібні класи і ідентифікатори, а також писати свій CSS прямо в FireBug і бачити зміни, які ви зробили в реальному часі. Якщо вам подобається те, що ви бачите, просто скопіюйте ці зміни до файлу HTML / CSS, і ви зробите. Простий, швидкий і корисний. Я використовую його кілька разів на день, і це допомогло мені і врятувало мені незліченну кількість годин.

SEO Quake

Я почав вивчати SEO, коли я створив свій перший блог, 10 років тому, і я просто любив його. Тоді не було багато інструментів, принаймні у вигляді надбудови браузера, який допоможе вам дізнатися багато різних статистичних даних про веб-сайт, включаючи PageRank , вік домену, індексовані посилання, кількість зворотних посилань і т.д. використовувати багато різних інструментів і веб-сайтів, щоб дізнатися це, втративши багато часу, який ви могли б витрачати набагато краще, оптимізуючи свій сайт для SEO і планування стратегії побудови посилання. Сьогодні ми маємо цей чудовий інструмент (доповнення), який робить саме це. Серед усіх речей, які я перерахував, ви навіть можете побачити ранг Alexa на сайті, який ви переглядаєте, Twitter і Facebook count, записи доменів WhoIs , слідуйте за посиланнями, не використовуйте SEM Rush і багато іншого. Однією з найкращих можливостей є можливість перегляду всіх цих даних у Google SERP (сторінка результатів пошукової системи), тому, коли ви щось Google, ви можете побачити дані SEO про конкретний URL, перш ніж навіть вирішити відвідати його.

Натисніть для збільшення зображення

Вимірюють

Говорячи про вирішення простої і часто проблеми, я вітаю творця цього додатка. Скільки разів ви дивувалися, яка ширина цієї бічної панелі? Або, яка висота цього заголовка? Або який розмір цієї області вмісту стовпців? Я не про вас, але у мене є багато. Іноді я не хочу входити в кодування веб-сайту, іноді мені просто потрібна проста інформація про розмір певної області на сайті, який я зараз переглядаю. Доповнення MeasureIt є ідеальним рішенням для цього. За допомогою всього лише одного кліка (щоб увімкнути його) ви можете виміряти все, що ви бачите, і все, що хочете, на сайті, який ви переглядаєте.

ColorZilla

Так само, як MeasureIt допомагає вам знайти точну міру чогось, з'ясувати точний шістнадцятковий колір або колір RGB певного фону, межі або будь-якого іншого елемента веб-сайту, це інформація, яку мені часто потрібно знати. ColorZilla дає вам живий інструмент піпетки, щоб дізнатися, що це за красивий відтінок блакитного кольору на літері B в логотипі eBay, або будь-який інший колір на будь-якому сайті, який ви можете відвідати. Вона має навіть палітру браузера, вибору кольору і генератора CSS градієнта, включених в його опцію - дивно.

FireFTP

Я знаю, що багато людей використовують FileZilla або подібні FTP-клієнти для підключення до своїх серверів, але я вважаю, що це відволікає змінити вікна, коли мені потрібно завантажити або завантажити щось з мого облікового запису хостингу. Ось чому я люблю FireFTP , великий додатком FireFox, який має всі функціоналісти як автономний FTP-клієнт, тільки у вашому браузері Firefox.

* На жаль, я не міг знайти гарне рішення FTP для Google Chrome, тому я не рекомендую нічого. Якщо ви використовуєте один, надішліть його в коментарях.

Веб-розробник

Додаток WebDeveloper , як і його назва називається, створений для веб-розробників. Тут ви можете знайти майже все, що стосується того, як побудований певний веб-сайт, від керування та редагування CSS-коду, керування та перегляду інформації про зображення, перегляд контурів документів (відмінно підходить для SEO) до інструментів перевірки HTML і CSS і буквально з'ясування кожного окрема інформація, що використовується для створення веб-сайту.

ScreenGrab

Я ненавидів ті параметри Print Screen, які ви отримуєте на ПК або Mac, він може зробити знімок екрана всієї сторінки, яку ви переглядаєте, або навіть можна вибрати частину сторінки, на якій ви хочете зробити знімок екрана, але він не міг зробити знімок всієї сторінки (навіть частина, яку ви не бачите, якщо не прокручувати вниз). ScreenGrab доповнення робить тільки це, плюс, ви можете навіть скопіювати і завантажити певні частини сторінки, або всю сторінку, якщо хочете.

Jing

Jing - це інструмент захоплення екрану , який можна використовувати скрізь на комп'ютері / Mac, а не тільки у вашому браузері. Вона дозволяє робити захоплення частини екрана, яку ви вибираєте, і зберігати його або завантажувати як зображення або навіть відео. Іншими словами, ви навіть можете записувати екран на строк до 5 хвилин і завантажувати його автоматично до вашої бібліотеки Jing або зберігати на комп'ютері. Найкраще, якщо ви вирішили завантажити його, як тільки завантаження закінчиться, Jing копіює посилання вашого зображення / відеозображення в буфер обміну, таким чином все, що вам потрібно зробити, це вставити його там, де б ви не хотіли.

А ваш улюблений надбудова Firefox / Chrome? Ви вже використовуєте будь-який з цих я згадував вище?