domov › BY › Nianse razširitev za Google Chrome za razvijalce. Razširitve Google Chrome za spletni razvoj in več. Katere različice Chroma obstajajo?

Nianse razširitev za Google Chrome za razvijalce. Razširitve Google Chrome za spletni razvoj in več. Katere različice Chroma obstajajo?

Brskalnik Google Chrome– odlična izbira za oblikovalce in spletne razvijalce. Z razširitvami za GoogleChrome lahko dodate več funkcij, ki lahko pomaga pri oblikovanju, iskanju napak in drugem delu s spletno stranjo. Tukaj predstavljamo najboljše razširitve za Chrome za oblikovalce in razvijalce.

Test ločljivosti– ta razširitev je zasnovana za preverjanje spletnih strani pri različnih ločljivostih zaslona, sami pa lahko nastavite svoje nastavitve ločljivosti. To orodje je zelo priročno za preverjanje, kako je vaš dizajn videti na različnih velikostih monitorjev.

Pendule razširja funkcionalnost vgrajenih orodij Google Chrome. S to razširitvijo imajo uporabniki številne dodatne funkcije, kot so: ocenjevanje oznak omejitev z avtomatiziranimi spletnimi storitvami W3C, skrivanje slik na strani, ogled skriptov, vdelanih v stran, in mnoge druge.

Navadna oblačila Deluje samo eno dobro - odstrani ves CSS na strani. Eden najljubših načinov za ocenjevanje dostopnosti spletne strani je odstranitev slogov CSS in primerjava berljivosti strani s slogi in brez njih. Ta pristop simulira situacijo, v kateri ima uporabnik na zaslonu prikazan le del strani in se lahko za dostop do vsebine zanese le na oznake strani.
Čeprav je bil ta program prvotno ustvarjen za preizkušanje spletnih strani, ga lahko uporabite za ogled svojih najljubših slogov na "neoblikovan" način (tako da vas šef ne bo zalotil, da ga gledate, medtem ko morate dokončati funkcijo JavaScript).

Če želite izrezati določene dele spletne strani, je Image Cropper vaša očitna izbira. Ta program je preprost kot palica in nima nobenih trikov. Samo določite območje, ki ga želite izrezati, in aplikacija ga bo pobrala. Potrebujete natančnost slikovnih pik? Razširitev prikazuje velikost in lokacijo kosov, ki jih izrežete, tako da lahko izberete velikost, ki jo potrebujete.

Ta razširitev se ponaša s tem, da je minimalistična in preprosta – kar je dobro, saj ni razloga, da bi komplicirali izdelavo besedila Lorem Ipsum. Generator Lorem Ipsum omogoča polnjenje okvirjev z besedilom pri oblikovanju vaše predstavitvene spletne strani.

Prepoznavanje napak v motorju internet Explorer Trident sploh ni zabaven. Z uporabo IE Tab lahko prihranite vsaj nekaj časa in vam ni treba uporabljati Internet Explorerja (da ne omenjam, da nima veliko razširitev) za iskanje težav z upodabljanjem.

jQuery Shell vam omogoča izvajanje ukazov javascript in jQuery v kontekstu odprte spletne strani. Zelo uporabna razširitev za učenje in eksperimentiranje z jQuery.

10.

Ta aplikacija je mojster enega trika. Trik je v tem, da vam program omogoča hitro pridobivanje vrednosti Hex in RGB katere koli barve na kateri koli spletni strani. Ta funkcija vam lahko pride prav, če morate brez uporabe Photoshopa in njegovega orodja Eyedropper določiti, katere barve uporablja vaše najljubše spletno mesto.

11.

Uporaba funkcije WebEdit, lahko katero koli stran omogočite za urejanje (spremembe, ki jih naredite, seveda ne bodo shranjene). No, zakaj potem potrebuješ to? Evo zakaj: če ustvarjate spletno mesto in se želite poigrati z elementi brez večjih sprememb kode, vam bo ta aplikacija zelo koristna.

12.

Ste kdaj želeli vedeti, s katerimi tehnologijami, strukturami in aplikacijami odprtokodno uporablja določeno spletno stran? Izkušeni razvijalci lahko odgovorijo na ta vprašanja s študijem vir, če pa želite odgovor dobiti hitreje in lažje, poskusite Chrome Sniffer. Chrome Sniffer navaja vsa znana ogrodja/knjižnice javascript (jQuery, MooTools itd.) in CMS (Drupal, WordPress itd.), ki jih uporablja spletno mesto.

13.
Kapalka za oči je razširitev za Google Chrome, ki omogoča zaznavanje barv na kateri koli spletni strani. Poleg tega program ponuja barvno "kolo" in barvne vzorce (ki jih najdete v katerem koli grafični program), tako da lahko eksperimentirate in spreminjate barve, da najdete tisto, ki jo želite.

15.

Pravilno sestavljena spletna stran z dobrimi oznakami na koncu vodi do tega, da ima stran impresivne rezultate v iskalnikih. Če pa želite svoje spletno mesto oceniti glede na znane parametre za optimizacijo iskalnikov, poskusite SEO orodja za spletno mesto, razširitev, ki vam ponuja ogromno uporabnih orodij in funkcij za ocenjevanje SEO. Prebere lahko veliko parametrov na strani in zunaj nje, pridobi informacije iz družbenih medijev in vse te stvari.

Obstaja več različic, ustvarjenih za različne kategorije uporabnikov. Eden od njih se imenuje Google Chrome Developer Edition. Kakšna različica je to in zakaj je potrebna? O tem in se bomo pogovorili v tem gradivu.

Omeniti velja, da se alternativne različice Chroma pojavljajo že dolgo. Ta priljubljeni brskalnik spremljajo skoraj od zagonske različice. Vendar niso vsi uporabniki primerni za alternativne možnosti.

Dejstvo je, da so »druge« različice Chroma namenjene strokovnjakom na tem ali onem področju: oblikovalcem postavitev, preizkuševalcem, razvijalcem itd. Takšni brskalniki niso primerni za običajne uporabnike. Pa vendar se moramo o njih pogovarjati.

Katere različice Chroma obstajajo?

Pravzaprav jih ni tako veliko. Vendar obstaja samo ena stabilna. Prav ta je javno dostopna. Prenese ga lahko vsak uporabnik. Obstajajo pa tudi alternativne različice. Oglejmo si jih pobližje.

To so različice vsem priljubljenega brskalnika Google Chrome, ki obstajajo. Vendar nas v tem kontekstu zanima različica za razvijalce. Zato je treba vse upoštevati Ključne funkcije to različico za več podrobnosti. Šele potem je mogoče narediti sklep.

Funkcije različice za razvijalce

Ključna značilnost tega Googlove različice Chrome je razpoložljivost razvojnih orodij. Uporabni bodo tistim, ki razvijajo razširitve in vtičnike za ta spletni brskalnik. Povprečen uporabnik se bo v takih orodjih izgubil.

Druga značilnost je napredna konzola. Uporablja se za urejanje kode in omogočanje skrite funkcije brskalnik. Vendar pa morate vedeti, kako delati z njim. Najmanjša napaka v ekipi lahko povzroči zelo hude posledice.

Še en "trik" je prisotnost vseh najnovejših novosti, ki so se preselile ta različica s Kanarskih. Zahvaljujoč temu lahko razvijalci optimizirajo svoje razširitve za nove zmogljivosti spletnega brskalnika.

Pogoste posodobitve– še ena posebnost različice za razvijalce. Prihajajo neredno, vendar najpozneje enkrat na dva tedna. V nekaterih primerih lahko posodobitve prispejo v dveh dneh. To je priročno za tiste, ki preizkušajo nove funkcije spletnega brskalnika.

Zaključek

Torej, zgoraj smo govorili o tem, katere različice Google Chroma obstajajo, in podrobno razpravljali o gradnji za razvijalce. Zdaj je jasno, da to različico odlikuje nabor orodij in napredna konzola.

Omeniti velja, da navadnim uporabnikom sploh ni treba namestiti različice za razvijalce. Od tega ne bo nobenega smisla. Poleg tega ta sklop ni posebej stabilen. Če niste razvijalec, potem je bolje uporabiti Stable.

Obstaja ogromno brezplačnih razširitev za Googlov brskalnik Chrome, ki vam olajša življenje. Tukaj je 20 najboljših.

V tem članku predstavljamo najboljše razširitve za Google Chrome za različne namene – vendar je vsaka zasnovana tako, da vam olajša delo.

Firefox že dolgo slovi po prilagajanju in številnih razširitvah, vendar je Google Chrome v zadnjih nekaj letih pridobil veliko popularnost med spletnimi oblikovalci in razvijalci. Eden od razlogov za to je njegova hitrost in vgrajena orodja za razvijalce.

Zdaj, z razvojem zbirke razširitev za Chrome, ki se širi vsak dan, je to razlog, zakaj mnogi spletni razvijalci in oblikovalci zase izberejo ta brskalnik.

Želite izvedeti več o tem? Oglejte si naš seznam.

01. iMacros za Chrome

Razširitev iMacros Chrome omogoča snemanje in shranjevanje vaših dejanj.

Kot spletni razvijalec boste morda morali pregledati svoje spletne strani. Vedno znova početi iste stvari je lahko dolgočasen proces. iMacros je priročna razširitev za Chrome, ki vam omogoča snemanje vaših dejanj in njihovo shranjevanje, pri čemer morate dejanje izvesti le enkrat.

Nato lahko znova in znova preverjate svoje strani in ponavljate korake s klikom gumba. To prihrani dragoceni čas in vam omogoča, da se osredotočite na pomembnejša vprašanja.

02. Igrišče pisav

Font Playground vam omogoča eksperimentiranje z lokalnimi pisavami na spletnih straneh v živo.

Vsak oblikovalec in razvijalec bo v tej razširitvi našel veliko uporabnih stvari. Font Playground vam omogoča eksperimentiranje z lokalnimi pisavami in vsemi Googlovimi knjižnicami pisav na aktivnih spletnih straneh, ne da bi sami spreminjali strani.

Dobra stvar te razširitve je, da vključuje vse možne velikosti pisav, sloge in učinke. Pred dejanskimi spremembami kode si lahko najprej vizualizirate različne možnosti pisave.

03. Kakšna pisava

Kakšno pisavo uporabljajo? To vam lahko pokaže razširitev What Font za Chrome!

Zelo uporabna razširitev za Google Chrome, What Font, omogoča razvijalcem in oblikovalcem, da določijo, katere pisave se uporabljajo na spletni strani.

Torej, če nekje na spletu naletite na pisavo, ki je videti fantastično, in jo želite uporabiti v enem od svojih prihodnjih projektov, samo premaknite miškin kazalec nanjo in takoj boste vedeli, kaj je.

04. Yslow

YSlow vam bo povedal, kaj upočasnjuje stran.

S tem orodjem ne morete samo preveriti, kako hitro se spletna stran nalaga, ampak vam bo tudi pokazalo, če jo karkoli upočasnjuje.

YSlow testira spletne strani glede na 23 od 34 pravil delovanja, ki jih je razvila skupina Yahoo. To je izjemno uporabno orodje za analizo spletnih strani, kar tudi predlaga načine za optimizacijo njihovega delovanja.

05. Spletni razvijalec

Razširitev Chrome Web Developer ponuja številna uporabna orodja za razvijalce.

Če ste spletni razvijalec, se lahko vprašate: kako ste do zdaj zdržali brez te razširitve. Doda gumb orodne vrstice, ki Chromu omogoča dostop do številnih uporabnih orodij za spletne razvijalce.

to uradna verzija Razširitev spletnega razvijalca, razvita za Firefox.

06. Kontrolni seznam za spletne razvijalce

Odpravlja težave z delovanjem v tem priročnem Chromovem orodju.

To orodje vam omogoča, da preverite vse, od tega, ali so vaše strani združljive s SEO, uporabnostjo, pa tudi njihovo vidnost in učinkovitost (hitrost nalaganja strani).

Torej, če ste na primer zgrešili oznako H1 ali če strani manjka meta naslov ali meta opis, vas razširitev kontrolnega seznama za spletne razvijalce o tem obvesti.

Tako, da lahko hitro rešite to težavo. Če kliknete povezavo " več informacij in pomoč» na dnu razširitve boste našli podrobnejši seznam.

07. Samodejno shranjevanje DevTools

Samodejno shrani spremembe izvornih datotek strani (CSS in JS).

Samodejno shranjevanje DevTools, ki je pravi zaklad za vse razvijalce, vam omogoča samodejno shranjevanje vseh sprememb izvornih datotek CSS in JS strani prek okolja orodij za razvijalce Chrome. Razširitev je preprosta za nastavitev in uporabo ter vam bo prihranila veliko časa.

08. Instant Wireframe

Omogoča ogled žičnih okvirjev spletnih strani.

Povežite ogled žičnih okvirjev katere koli spletne strani s samo enim klikom. Ta razširitev za Google Chrome spletnim razvijalcem in oblikovalcem pomaga pri ogledu spletnih strani, bodisi lokalnih ali objavljenih na spletu, s prekrivnim okvirjem.

09. Ripple Emulator

Emulator Ripple pomaga pri odpravljanju napak na spletni strani, pregledu DOM in avtomatiziranem testiranju.

Ripple Emulator je večplatformski emulator mobilnega okolja, ki vam bo pomagal preizkusiti vašo spletno aplikacijo razne naprave in ločljivosti zaslona.

Razširitev Ripple Emulator se lahko uporablja v kombinaciji z obstoječimi razvojnimi orodji za odpravljanje napak, inšpekcijo DOM in avtomatizirano testiranje.

10. Streak

Sledenje e-poštnim pogovorom v eni kartici, dodeljevanje nalog.

Streak je glavno orodje za CRM in podporo E-naslov Gmail.

Razširitev vam omogoča, da združite vse svoje e-poštne predale v enem ali organizirate sledenje izmenjav sporočil v eni kartici, dodelite naloge, tako da lahko osebno upravljate proces komunikacije s svojimi nasprotnimi strankami ali omogočite dostop do tega drugim osebam.

11. Iskanje Stackoverflow

Pridobite hitre odgovore na svoja vprašanja s to razširitvijo, ki jo morate uporabljati.

Če ste spletni razvijalec, ste zagotovo že slišali za Stack Overflow, kraj, kamor se mnogi razvijalci obračajo z različnimi vprašanji, povezanimi z razvojem spletnih projektov. Če ne, potem ga morate zagotovo spoznati. To je resnično uspešna skupnost, ki pokriva široko paleto tem, od C# in Jave do PHP in JQuery.

Ta fantastična razširitev doda iskalno polje neposredno v vaš brskalnik in vam omogoča dostop do ogromnih virov Stack Overflow. Razširitev, ki jo je treba uporabiti!

12. Priročnik za PHP Ninja

Vsa dokumentacija za PHP 5.5 v vašem brskalniku.

Resnično si je težko zapomniti vsako funkcijo, tako da, če ste v zadnjem času porabili veliko ur za iskanje določenih funkcij PHP prek Googla, bo ta razširitev zagotovo pritegnila vašo pozornost. Priročnik PHP Ninja ponuja

Dobiš vso dokumentacijo za PHP 5.5 konkretni primeri v osmih jezikih v vašem brskalniku.

13. PerfectPixel

Ta razširitev vam bo pomagala zagotoviti, da bo vsaka slikovna pika na vašem spletnem mestu ustrezala dizajnu.

Oblikovalci sovražijo situacije, ko ustvarijo neverjetno zasnovo, a potem, ko jo prevedejo v kodo, se nekaj ne ujema z izvirno zasnovo. Procesor Perfect Pixel je resnično popolna razširitev za spletne razvijalce, ki si prizadevajo ustvariti spletna mesta, ki so oblikovno natančna.

Ta razširitev, ki je enostavna za uporabo, vam omogoča, da postavite polprosojno prekrivno sliko na vrh spletne strani in izvedete preverjanje ujemanja slikovne pike, da zagotovite 100-odstotno ujemanje.

14. Koda Cola

Omogoča urejanje CSS spletne strani na mestu.

Ne le, da vam bo to orodje omogočilo ogled izvorne kode, na kateri delate, lahko deluje tudi kot urejevalnik CSS. To pomeni, da lahko urejate slog CSS svojih spletnih strani na kraju samem in takoj vidite rezultate svojih sprememb.

15. Chrome Sniffer

Pregled spletnih aplikacij in JavaScript knjižnic.

Ta razširitev bo spletnim razvijalcem omogočila, da pregledajo in prepoznajo spletne aplikacije ter knjižnice JavaScript, povezane z določenim projektom. Razširitev deluje čim bolj preprosto: v naslovni vrstici se pojavi ikona, ki označuje uporabljeno različico okvira ali CMS.

16. Preklopnik uporabniškega agenta

Preverite, kako je vaše spletno mesto videti na različnih napravah.

Odlično orodje za ogled, kako izgleda spletno mesto različne vrste naprave, kot so naprave iPad, iPhone ali Android. To je lahko tudi zelo koristno v smislu videnja spletnega mesta tako, kot ga vidijo iskalniki.

Ne glede na to, kaj ste slišali o Google Chromu, kdaj govorimo o Glede spletnega oblikovanja in razvoja je Firefox še vedno najboljši brskalnik s prijaznim razvojnim okoljem, ki ga lahko najdete.

Hudiča, Firefox ima celo posebno različico brskalnika, narejeno samo za spletne razvijalce. Toliko je Mozilli mar za spletne oblikovalce in razvijalce.

Firefox ima tudi ogromno zbirko razširitev, ki naredijo brskalnik zmogljivejši za največji učinek. Tukaj je nekaj najboljših razširitev za Firefox, s katerimi si lahko olajšate življenje spletnega razvijalca.

Namestite, preizkusite in uporabite večino teh razširitev. Navsezadnje so vsi brezplačni za uporabo!

Kaj počne: pregleduje spletne strani

Firebug je razširitev, brez katere spletni oblikovalci in razvijalci preprosto ne morejo živeti. Ta razširitev je kot izboljšana različica integrirane razvijalske konzole, ki je priložena Firefoxu. Firebug vam olajša pregledovanje elementov na spletnih straneh in vam pokaže, kako stvari delujejo na različnih mestih.

Primerno za: spletne razvijalce
Kaj počne: odjemalec za Firefox

FireFTP je odjemalec FTP/SFTP za Firefox, ki vam omogoča varno nalaganje in prenos datotek med vašim računalnikom in strežnikom neposredno iz vašega brskalnika. S tem dodatkom vam nikoli več ne bo treba skakati med brskalnikom in odjemalskimi aplikacijami FTP.

Primerno za: spletne razvijalce in oblikovalce
Kaj počne: analizira in preverja spletne strani

To je razširitev vse v enem, ki vašemu Firefoxu doda številna uporabna orodja. Nekatera orodja, vključena v ta dodatek, so prikazovanje in urejanje slogovnih listov CSS, onemogočanje slogov, orodja za odpravljanje napak itd.

Kaj počne: orodje za barvno analizo

ColorZilla je odlično orodje, ki se bo oblikovalcem sprednjih spletnih mest zdelo zelo koristno. Ta dodatek ima kapalko za hitro izbiro barv na spletni strani, generator gradientov CSS, barvni analizator, barvne palete in še veliko več.

Primerno za: spletne razvijalce
Kaj počne: spremenite spletna mesta s kodo po meri

Greasemonkey, ki ga obožuje več kot milijon uporabnikov Firefoxa, je razširitev, ki vam bo nudila neskončno zabavo. Ta dodatek vam omogoča prilagajanje priljubljenih spletnih mest tako, da jih urejate z lastno kodo JavaScript. Uživate lahko tudi v skriptih, ki so jih že ustvarili drugi razvijalci.

Najboljše za: oblikovalce vmesnikov
Kaj počne: Prilagodi odmik spletnih elementov

Preprost, a uporaben vtičnik, ki vam omogoča pregledovanje spletnih elementov in vizualno opazovanje, koliko slikovnih pik je izklopljenih v elementih, s čimer ustvarite kompozicijo s prozornimi plastmi. S to sestavo lahko svojo dejansko spletno stran nastavite tako, da se ujema s prekrivanjem za najboljši rezultat brez kakršnega koli ugibanja.

Na primer, če ena od slik na vaši spletni strani prekriva drug predmet, lahko uporabite Pixel Perfect, da določite, koliko slikovnih pik morate prilagoditi, da bo ta slika na pravem mestu.

Primerno za: spletne oblikovalce
Kaj počne: naloži vse s spletne strani

Ta vtičnik upravičuje svoje ime, saj vam omogoča prenos vsega s spletne strani. Z enim klikom lahko prenesete vse slike, povezave in druge podatke, ki jih vsebuje spletna stran s to razširitvijo. Dodatek ima tudi vgrajen pospeševalnik prenosa, ki optimizira hitrost prenosa za štirikrat.

Najboljše za: oblikovalce vmesnikov
Kaj počne: Preverite spletne strani v Internet Explorerju

Verjeli ali ne, obstajajo ljudje, ki še vedno uporabljajo stare Internetne različice Raziskovalec za dostop do interneta. Ustvarjanje spletnih mest, ki dobro delujejo v teh starejših brskalnikih, je ena od težav, s katerimi se spletni oblikovalci še vedno spopadajo. Ta vtičnik olajša prilagajanje spletnih oblik za starejše Internetni brskalniki Raziskovalec, ustvarjanje novega zavihka v IE.

Primerno za: spletne oblikovalce in razvijalce
Kaj počne: Pokaže vam tehnologijo, ki se uporablja na spletnem mestu

Se sprašujete, katere tehnologije so bile uporabljene za ustvarjanje vaših najljubših spletnih mest? Potem vam bo ta dodatek koristen. BuiltWith je razširitev, ki vam omogoča skeniranje spletnih mest, da ugotovite, katere tehnologije so uporabljene na strani. Odlično orodje za vse ambiciozne spletne oblikovalce, da se učijo iz že pripravljenih spletnih mest.

Primerno za: spletne razvijalce
Kaj počne: Vklopi ali izklopi Javo

Ta dodatek vam omogoča enostavno omogočanje ali onemogočanje Jave v brskalniku. Prav tako lahko onemogoči Javascript, piškotke, animirane slike, Flash in drugo na spletni strani. To je uporaben vtičnik ne le za razvijalce, ampak tudi za običajni uporabniki za izboljšanje varnosti brskalnika in zmanjšanje pasovne širine.

Najboljše za: oblikovalce vmesnikov
Kaj počne: Meri elemente v slikovnih pikah

Funkcija tega dodatka je preprosta, omogoča vam risanje navideznega ravnila na vrhu spletne strani ali elementa na strani za merjenje širine, višine ali poravnave slikovnih pik elementa na spletni strani. MeasureIt je uporaben za večino front-end razvijalcev za ustvarjanje žičnih okvirjev.

Primerno za: spletne oblikovalce
Kaj počne: preklopi jezik v brskalniku

To je uporabno orodje, ki vaš Firefox takoj prevede v drug jezik. Vse v vašem brskalniku, vključno z Uporabniški vmesnik, slovar za preverjanje črkovanja in vsebina spletne strani bo prevedena v jezik po vaši izbiri. Odlična funkcija, ki jo lahko uporabite pri razvoju večjezičnih spletnih mest.

Najboljše za: oblikovalce vmesnikov
Kaj počne: ustvari navidezno besedilo

Ustvarjanje navideznega besedila za vaše nove makete in prototipe spletnega mesta je dolgočasno opravilo, ki verjetno ne bo zabavalo niti enega oblikovalca. Ta razširitev naredi postopek manj dolgočasen, saj vam omogoča ustvarjanje lutke Lorem Ipsum neposredno iz Firefoxa.

Primerno za: spletne razvijalce
Kaj počne: ureja in ustvarja piškotke

Ta dodatek ne samo upravlja piškotke vašega spletnega mesta, temveč vam omogoča tudi enostavno urejanje in ustvarjanje novih datotek. Nekatere funkcije vtičnika vključujejo brskanje v vrstici piškotki, možnost spreminjanja domene, možnost urejanja več piškotkov hkrati in še veliko več.

Najboljše za: oblikovalce vmesnikov
Kaj počne: izbere barve na spletni strani

Orodje, ki je preprosto za uporabo in vam omogoča, da izberete barve katere koli slikovne pike na spletni strani in preprosto kopirate barvno kodo RGB ali Hex za uporabo v svojih projektih. Lepota in vizualni vmesnik tega orodja olajšata začetnikom spoznavanje barv na spletnih straneh.

Primerno za: spletne oblikovalce in razvijalce
Kaj počne: daje informacije o programski opremi, ki jo uporablja spletno mesto

Podobno kot dodatek BuiltWith je Wappalyzer še ena uporabna razširitev, ki vam omogoča, da ugotovite, kaj programsko opremo uporabljen na spletni strani. Izvedete lahko na primer, katero vrsto CMS uporablja spletno mesto, kateri operacijski sistem podpira strežnik spletnega mesta in še veliko več.

Primerno za: spletne razvijalce
Kaj počne: Spremeni uporabniškega agenta brskalnika

Želite vedeti, kako bo izgledalo vaše spletno mesto na različnih platformah in operacijskih sistemih? Potem je to orodje, ki vam bo zagotovo prišlo prav. Preklopnik uporabniških agentov vam omogoča preklapljanje med različnimi platformami, kot so Android, Mac, Windows in izbranimi operacijskimi sistemi, da spremenite uporabniški agent svojega brskalnika.

Primerno za: spletne oblikovalce in razvijalce
Kaj počne: prikazuje primer uporabe zavihka pomnilnika brskalnika

To je priročen dodatek, ki vam bo pomagal ugotoviti, koliko virov vašega računalnika uporablja vsak odprt zavihek v Firefoxu. S tem orodjem lahko ugotovite, koliko virov uporablja vaše spletno mesto, in ga optimizirate za največjo učinkovitost.

Primerno za: spletne in grafične oblikovalce
Kaj počne: odpre slike v Photoshopu

Ta dodatek naredi to, kar pove njegovo ime, preprosto z enim klikom odpre slike, ki jih najdete na spletni strani z uporabo Photoshopa. Ni vam treba naložiti slike ali zagnati Photoshopa, razširitev bo naredila vse, kar potrebujete.

Najboljše za: oblikovalce vmesnikov
Kaj počne: izboljša tabele HTML

Grafi, statistike, primerjave, tabele – ta dodatek zmore vse. To orodje lahko uporabite za ustvarjanje uporabniku prijaznih in lepih tabel in diagramov HTML.

Primerno za: spletne razvijalce
Kaj počne: odjemalec SSH za Firefox

Običajno morate namestiti aplikacijo za zagon terminala SSH. Te aplikacije se razlikujejo v eni stvari operacijski sistem od drugega. FireSSH pa deluje na vseh platformah, če imate Firefox. Razširitev omogoča zagon terminala SSH neposredno iz brskalnika.

Najboljše za: oblikovalce vmesnikov
Kaj počne: Samodejno osveži spletne strani

Ena od nadležnih stvari, s katerimi se srečujejo spletni oblikovalci pri razvoju spletnih mest, je ročno posodabljanje spletne strani po vsaki majhni spremembi kode. Auto Refresh je razširitev, ki odpravlja to težavo tako, da vam omogoča samodejno osveževanje enega ali več zavihkov v Firefoxu v intervalih, ki jih določite sami.

Najboljše za: oblikovalce vmesnikov
Kaj počne: spremeni velikost oken Firefox za določene ločljivosti zaslona

Ta dodatek vam omogoča spreminjanje velikosti vašega okna Firefox pri določenih ločljivostih, da vidite, kako je vaše spletno mesto videti na različnih zaslonih. Za pravilno delovanje te razširitve boste morali namestiti vrstico z dodatki za Firefox.

Primerno za: spletne oblikovalce in razvijalce
Kaj počne: najde informacije o pisavah strani in njenih elementih

Iskalnik pisav je priročno orodje, ki vam omogoča, da pregledate elemente spletnega mesta, da ugotovite pomembna informacija o pisavah, uporabljenih na strani, kot so ime družine pisav, barva pisave, razmik med vrsticami, okras in drugo.

Najboljše za: oblikovalce vmesnikov
Kaj počne: preverja spletne strani v različnih brskalnikih

Funkcija tega dodatka je preprosta. Omogoča vam, da takoj odprete katero koli spletno stran, ki si jo ogledujete v Firefoxu, z uporabo drugega brskalnika s samo enim klikom. Ni vam treba kopirati URL-jev, odprite vsak brskalnik enega za drugim in prilepite URL-je, da odprete spletno mesto.

Primerno za: spletne oblikovalce in razvijalce
Kaj počne: počisti predpomnilnik brskalnika

Ta dodatek takoj počisti predpomnilnik brskalnik Firefox(RAM in DISK), da zmanjšate porabo računalniških virov. Razširitev vam omogoča, da počistite predpomnilnik s preprostim klikom na gumb ali pritiskom tipke F9 na tipkovnici. Če si želite hitro ogledati spremembe na spletni strani, bo ta dodatek zelo uporaben.

Z naraščajočo priljubljenostjo brskalnika Google Chrome se pojavljajo razširitve, ki spletnim razvijalcem prihranijo čas, saj jim omogočajo sledenje napakam in težavam pri delovanju spletnega mesta.

Tukaj je nekaj uporabnih razširitev za Google Chrome.

Razširitev spletnega razvijalca

Rad bi opozoril na najbolj priročno in zmogljivo orodje za spletnega razvijalca in spletnega oblikovalca - Razširitev spletnega razvijalca za Google Chrome.

Razširitev je dodana v orodno vrstico Google Chrome v obliki gumba z ikono zobnika in vsebuje različna orodja za razvoj in odpravljanje napak na spletni strani. To je uradna prilagoditev priljubljene igre, ki jo je napisal isti razvijalec.

Razširitev ima veliko število možnosti.

Na primer, veliko ljudi samo potrebuje ugotovite barvo elementa na zaslonu monitorja v šestnajstiški obliki. V ta namen ima vtičnik posebna funkcija. V razdelku Razno izberite Display Color Picker.

Če izberete Display Color Picker, kazalec postane križec. Zdaj, če kliknete katero koli področje zaslona v spodnjem desnem kotu brskalnika, se prikaže barva v šestnajstiški obliki za uporabo v CSS.