1. FireBug
2. SEO Quake
3. MeasureIt
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 не падлічваць, WhoIs запісы дамена, выканайце / не пераходзіць па спасылках, SEM Rush рангу і многае іншае. Адна з лепшых асаблівасцяў з'яўляецца магчымасць праглядзець усе гэтыя дадзеныя ў Google SERP (Search Engine Вынікі старонкі), таму, калі вы нешта Google, вы можаце ўбачыць дадзеныя SEO пра гэта канкрэтным URL, перш чым вы нават вырашыце наведаць яго.

Націсніце для павелічэння малюнка

MeasureIt

Кажучы пра рашэнне простых і часта праблем, я вітаю стваральнік гэтага дапаўненні. Колькі разоў вы дзівіцеся, што шырыня гэтай бакавой панэлі? Або, што вышыня гэтага загалоўка? Ці тое, што памер гэтай вобласці змесціва адзін слупка? Я не пра вас, але ў мяне ёсць, шмат. Калі - небудзь я не хачу , каб патрапіць у кадаваньне вэб - сайце, дзе- то я проста патрэбна простая інфармацыя аб памеры некаторай вобласці на сайце я ў цяперашні час прагляду. MeasureIt дадатак з'яўляецца ідэальным рашэннем , каб зрабіць гэта. З дапамогай ўсяго толькі адной пстрычкай (каб уключыць яго), вы можаце вымераць ўсё, што вы бачыце і што вы хочаце на сайце вы глядзіце.

ColorZilla

Гэтак жа , як MeasureIt дапамагчы вам знайсці дакладную меру чаго - то, высветліць дакладны колер шаснаццатковы або RGB колер пэўнага фону, мяжы або любы іншы элемент вэб - сайта, з'яўляецца інфармацыя , якую я часта трэба ведаць. ColorZilla дае вам жыць Піпетку інструмент , каб даведацца, што ж гэта прыгожы блакітны адценне на літару B у лагатып eBay, альбо любы іншы колер на любым сайце вы можаце наведаць. Ён нават мае палітру браўзэр, выбар колеру і генератар CSS градыенту уключаны ў яго варыянце - дзіўны.

FireFTP

Я ведаю, што шмат людзей выкарыстоўваюць FileZilla або аналагічныя FTP кліентаў , каб звязацца з іх серверамі, але я лічу , што адцягвае ўвагу , каб змяніць акно , калі мне трэба загрузіць або спампаваць што - небудзь з маёй ўліковага запісу хостынгу. Вось чаму я люблю FireFTP, выдатны FireFox дадатак , які мае ўсе Функционалист як аўтаномны FTP кліент, толькі ў браўзэры Firefox.

* На жаль, я не змог знайсці добры FTP рашэнне для Google Chrome, так што я проста не жадаў нічога не рэкамендую. Калі вы выкарыстоўваеце адзін ласка , падзяліцеся ў каментарах.

Вэб-распрацоўшчык

WebDeveloper надбудову, як кажа яго назва, створаны для вэб - распрацоўнікаў. Тут вы можаце знайсці амаль усё, што звязана з тым, як некаторыя вэб-сайт пабудаваны, ад кіравання і рэдагавання CSS кода, кіравання і прагляду інфармацыі аб малюнках, праглядзе дакумента накіды (выдатна падыходзіць для SEO), каб інструменты праверкі для HTML і CSS і літаральна даведацца пра кожнага адна дэталь з інфармацыі выкарыстоўваецца пры стварэнні вэб-сайта.

Screengrab

Я ненавідзеў гэтыя параметры друку экрана вы атрымліваеце на ваш ПК ці Mac, ён можа зрабіць скрыншот цэлай частцы старонкі , якую вы праглядаеце, ці вы нават можаце выбраць частку старонкі , якую вы хацелі б зрабіць скрыншот, але ён не мог зрабіць скрыншот ўсёй старонкі (нават частка, якую вы не бачыце, калі вы пракруціць ўніз). Screengrab надбудову робіць толькі што, плюс, вы можаце нават капіяваць і загружаць асобныя частцы старонкі або ўсёй старонкі , калі вы хочаце.

Jing

Цзін з'яўляецца інструментам захопу экрана, які можна выкарыстоўваць ўсюды на вашым PC / Mac, а не толькі ў вашым браўзэры. Гэта дазваляе ўзяць захоп часткі экрана вы выбіраеце і захаваць яго ці загрузіць яго ў якасці выявы або нават відэа. Іншымі словамі, вы можаце нават запісаць экран да 5 хвілін і загрузіць яго аўтаматычна ў бібліятэку Jing, або захаваць яго на свой кампутар. Лепш за ўсё, калі вы вырашылі загрузіць яго, як толькі загрузка будзе завершана, Jing капіюе спасылку вашага захопу экрана малюнка / відэа ў буфер абмену, такім чынам усё, што вам трэба зрабіць, гэта ўставіць яго, дзе б вы хацелі.

І тое , што ваш любімы Firefox / Chrome дапаўненні? Вы ўжо карыстаецеся якой - небудзь з гэтых адзінак , якія я згадваў вышэй?