Brskalnik za spletne razvijalce. Kateri brskalnik izbrati? Določanje pisav na strani

Po nekaj iskanja po internetu sem našel nekaj statističnih podatkov o uporabi brskalnika. Seveda so te številke relativne in povprečne. Evo, kaj kaže statistika Liveinternet:

  • Google Chrome — 24,2%;
  • Firefox - 19,6 %;
  • Opera - 12,3 %;
  • Internet Explorer - 10,2 %;
  • Safari - 4,5 %

Iz zbranih podatkov je razvidno (mimogrede, ta statistika za leto 2013) je jasno, da je med uporabniki pridobil veliko popularnost Googlov brskalnik Chrome. Da, Chrome si res zasluži pozornost: hitrost, podpora sodobne tehnologije, stabilnost, razširljivost. A moja izbira ni padla nanj. Zakaj?

Kateri brskalnik uporabljam?

Zelo rad imam brskalnike Google Chrome, Opera, Safari. V vsakem od njih je nekaj posebnega. Ampak moja izbira je. Zakaj, kaj je na tem posebnega? Najprej, preden zastavite to vprašanje, pomislite, v katero kategorijo uporabnikov spadate? Sem spletni razvijalec in moja izbira je očitna.

A to ni edini razlog. Obstaja veliko več odtenkov, ki so mi pomagali pri izbiri v korist lisice. Opazil sem, da pri delu s spletnimi mesti, in sicer na nadzorni plošči ( vizualni urejevalnik in vse to) sem lahko pravilno delal samo v Firefoxu. V ostalih, vključno z Google Chromom, so bile nenehno opažene nerazumljive napake. Zdaj to težko razložim, a mislim, da so se nekateri spletni skrbniki s tem že srečali in me popolnoma razumejo.

Druga nedvomna prednost v korist Firefoxa je ogromno število razširitev. Toliko jih je, da sploh ne veš kaj izbrati. Sestavil sem paket razširitev, ki sem jih potreboval, brez katerih si ne znam predstavljati svojega dela. O njih bom govoril v naslednjem članku.

Slabosti Firefoxa

seveda, Mozilla Firefox Slabosti so in veliko jih je. Tu so glavne, ki jih lahko izpostavim:

  • velika poraba računalniških virov (še posebej, ko je odprtih veliko zavihkov). Pogosto šibek računalnik tega preprosto ne zmore in neumno zamrzne;
  • pogosti zrušitve.

Zaradi njegove počasnosti in zaostalosti so mnogi prisiljeni opustiti to Firefoxovo kombinacijo. In še eno zrušitev vtičnika ne bo posebej prijetno. Ne trdim, da je, tj. Ampak za razvoj spletnih strani ga uporabljam. Priporočam tudi drugim.

Vse zgoraj navedeno je moje čisto osebno mnenje. Poznam spletne skrbnike, ki uporabljajo samo Google Chrome in dobro opravijo svoje delo. Na splošno je izbira vaša, a sem se jaz že odločil?

Kateri brskalnik uporabljate?

Ne glede na to, kaj ste slišali o brskalniku Google Chrome, je Firefox še vedno najboljši IDE-ju prijazen brskalnik, kar jih lahko najdete, ko gre za spletno oblikovanje in razvoj.

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še razširitve Firefox, s katerim 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 dodaja številne uporabna orodja. Nekatera orodja, vključena v ta dodatek, so prikaz in urejanje tabel slogi 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 strani 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

Enostavno, vendar uporaben vtičnik, ki vam omogoča, da pregledate spletne elemente in vizualno vidite, koliko slikovnih pik je izključenih v elementih, s čimer ustvarite kompozicijo s prozornimi plastmi. S to kompozicijo lahko svojo dejansko spletno stran nastavite tako, da se ujema s prekrivanjem, ki ga želite doseči 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 prikazana 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 nov zavihek 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 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 vašem 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 navadni 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 navideznega besedila 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

Wappalyzer je podoben dodatku BuiltWith uporabna razširitev, ki vam omogoča, da ugotovite, kateri 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. Samodejna osvežitev 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.

  • 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 - priročno orodje, ki vam omogoča, da pregledate elemente spletnega mesta, da ugotovite pomembne informacije 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 s samo enim klikom takoj odprete katero koli spletno stran, ki si jo ogledujete v Firefoxu v drugem brskalniku. 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 naredi: počisti predpomnilnik brskalnika

Ta dodatek takoj počisti predpomnilnik brskalnika Firefox (RAM in DISK), da zmanjša porabo virov vašega računalnika. 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.

iMacros je razširitev, ki pomaga pri testiranju spletnih strani. Namesto da bi moral sam izvajati ista dejanja na strani, mora razvijalec samo zabeležiti zahtevano zaporedje dejanj v iMacros in po potrebi zagnati razširitev.

Razširitev lahko deluje s spletnimi mesti, implementiranimi s tehnologijami Java, Flash, Flex, Ajax in Silverlight.

2. Igrišče pisav

Razširitev za tiste, ki se radi "igrajo s pisavami" - omogoča eksperimentiranje s celotno paleto pisav iz knjižnice Googlove pisave brez spreminjanja kode strani. Spremenite lahko ne le samo pisavo, ampak tudi njeno velikost, slog pisanja itd.

3. Projekt Naptha

Razširitev za Google Chrome, ki omogoča izbiranje in kopiranje besedila tudi s slik, bo po mnenju Cretive Bloq uporabna vsem, ki so se vsaj enkrat pri svojem delu srečali z vdelanim besedilom.

4. Kakšna pisava

Razširitev, ki vam omogoča, da takoj ugotovite, katera pisava se uporablja na določeni strani, ne da bi izvajali skoraj nobena dodatna dejanja - tako, da kazalec miške premaknete nad napis.

5. YPočasi

YSlow je orodje, ki ne samo preverja hitrost nalaganja določene spletne strani, temveč tudi razvijalcu pove, kaj jo upočasnjuje. Za to razširitev preveri skladnost spletnega mesta s 23 od 34 pravil delovanja, ki jih je oblikovala ekipa Yahoo.

6. Spletni razvijalec

Celoten nabor uporabnih orodij za upravljanje elementov spletnega mesta - na primer za analizo spletnih virov in postavitev, testiranje kode in takojšnje spreminjanje parametrov ter videz strani.

7. Kontrolni seznam za spletne razvijalce

Podaljšek za samodejno preverjanje, ali stran zadošča osnovnim načelom SEO, ali je dovolj produktivna in uporabniku prijazna. Rezultati testiranja so predstavljeni v obliki nekakšnega kontrolnega seznama - več si lahko ogledate podrobne informacije in priporočila za vsako od neizpolnjenih postavk ter takojšnje odpravljanje napak.

8. Samodejno shranjevanje DevTools

Omogoča samodejno shranjevanje vseh sprememb kode strani z orodji Chrome DevTools. Kot ugotavlja avtor gradiva, orodje pomaga razvijalcem prihraniti denar veliko številočas.

9. Instant Wireframe

Razširitev, s katero lahko “spremenite” katero koli stran blokovni diagram postavitev materiala - žični okvir. Omogoča razvijalcem in spletnim oblikovalcem, da se seznanijo s postavitvijo katere koli strani na internetu, ne da bi zapustili brskalnik.

10. Ripple Emulator

Ripple Emulator je razširitev emulatorja za Google Chrome, ki vam omogoča testiranje spletnih mest na različnih mobilnih platformah z različnimi ločljivostmi zaslona. Lahko se uporablja v kombinaciji z drugimi razširitvami za vire za testiranje in odpravljanje napak.

11. Streak

Streak je podaljšek, ki omogoča obračanje poštni predal na Gmail v sistemu CRM. Lahko spremljate stanje transakcij in pogajanj, ki so v teku e-pošta z nasprotnimi strankami, uporabite Streak za obdelavo zahtev uporabnikov produkta in sledenje popravkom poslanih napak itd.

12. Iskanje Stackoverflow

Razširitev za hitro iskanje priljubljenega vira za razvijalce Stack Overflow.

13. Priročnik za PHP Ninja

Omogoča vam takojšen dostop do dokumentacije PHP 5.5 iz vašega brskalnika.

14. PerfectPixel

PerfectPixel je razširitev za Google Chrome. Omogoča vam, da "prekrijete" prosojno mrežo na spletni strani in preverite določene razdalje glede nanjo. Lahko prekrivate druge slike - na primer izvirno postavitev - in zagotovite, da se končna stran natančno ujema z njo:

15. Koda Cola

Orodje za ogled izvorne kode strani in urejanje kode CSS.

Z vlečenjem drsnika lahko spreminjate sence, obsege polja itd. Po spremembah lahko kopirate dobljeno kodo in jo zamenjate v kodi spletnega mesta.

16. Chrome Sniffer

Razširitev brskalnika, ki zazna, katere knjižnice JavaScript, ogrodje ali CMS se uporabljajo na viru.

17. Preklopnik med uporabniškimi agenti

User-Agent Switcher je razširitev, ki vam omogoča, da brskalnik Google Chrome »maskirate« v Internet Explorer, Opera ali kateri koli drug brskalnik.

18.IE Tab

Vgrajen emulator Internet Explorerja za Chrome.

19. PicMonkey

Preprost in brezplačen spletni urejevalnik slik. Omogoča vam, da "zajamete" slike ali naredite posnetke zaslona brskalnika - in jih takoj uredite z razširitvijo za Chrome.

20. Chrome Daltonize

Razširitev, ki pomaga prilagoditi spletne storitve tistim uporabnikom, ki trpijo za barvno slepoto – razvijalcu pokaže, kako spletno mesto vidijo tisti, ki trpijo za to boleznijo. Spletnim oblikovalcem in razvijalcem omogoča ustvarjanje bolj dostopnih storitev.

21. Ravnilo strani

Preprosto orodje, ki vam pomaga določiti višino, širino in položaj katerega koli elementa na strani.

22. Preverite moje povezave

Razširitev, ki preveri spletno stran za nedelujoče ali nepravilne povezave.

23. Zavihek Flickr

Podaljšek, ki ne pomaga toliko pri razvoju, ampak pri iskanju navdiha ter dobre fotografije. Prikaže eno sliko iz Flickra na vsakem novem zavihku v brskalniku Google Chrome. S klikom nanj se uporabnik preusmeri na avtorjevo stran, kjer se lahko seznani z njegovimi drugimi deli.

24. Google Art Project

Razširitev brskalnika, podobna prejšnjemu vtičniku na tem seznamu - le namesto fotografij iz Flickra v novem zavihku uporabnik vidi priznana umetniška dela - na primer slike Van Gogha ali Maneta.

25. Varčevanje s podatki

Uradna Googlova razširitev za stiskanje prometa, ki omogoča varčevanje prometa v brskalniku Google Chrome.

Firefox ima kot brskalnik za spletni razvoj veliko odličnih orodij, ki vam olajšajo delo na spletnem mestu. V tem članku si bomo ogledali 10 najpogosteje uporabljenih funkcij, ki jih uporabljajo spletni razvijalci, in orodja za razvijalce Firefox. Verjemite mi, ta brskalnik tudi brez nameščenih dodatkov ima veliko možnosti.

Če uporabljate brskalnik Google Chrome, si oglejte naslednji izbor vtičnikov:

Funkcije za razvijalce Firefoxa

Če nenadoma nimate tega brskalnika, prenesite najnovejša različica Firefox Developer najdete tukaj - Prenesite Firefox z uradnega spletnega mesta.

No, poglejmo, katerih je teh 10 orodij brskalnika Firefox, ki jih lahko uporabite takoj, ko ga namestite.

1 Pokaži navpično in vodoravno ravnilo

Firefox omogoča prikaz vodoravnih in navpičnih ravnil neposredno na strani. Ta priložnost zelo uporaben pri postavitvi, torej ko razporejamo elemente po strani.

Če želite prikazati to vrstico, morate narediti naslednje:

  1. Na tipkovnici pritisnite kombinacijo tipk SHIFT+F2.
  2. V konzolo, ki se prikaže na dnu strani, vnesite besedo "ravnila".
    In nato pritisnite ENTER.
  3. Če želite onemogočiti ravnila, znova vnesite besedo "ravnila".

2 Snemanje posnetkov zaslona z uporabo izbirnikov CSS

Firefox Developer vam dejansko omogoča, da posnamete posnetke zaslona celotne strani ali samo vidnega dela. Ampak kaj je več zanimiva priložnost, torej so to posnetki zaslona z uporabo izbirnikov CSS.

Če želite narediti posnetek zaslona z izbirniki CSS, naredite naslednje:

  1. Ponovno pritisnite kombinacijo tipk SHIFT+F2 na tipkovnici, torej vklopite konzolo.
  2. V konzolo, ki se prikaže, vnesite frazo " posnetek zaslona --selektor YOUR_CSS_SELECTOR".
    In nato pritisnite ENTER. Nato boste videli okno, kjer boste morali izbrati mapo za shranjevanje slike.

3 Določitev barve na strani

Tudi v Firefox Developer obstaja možnost določanja barve na strani.

4 plasti na stran v 3D

To orodje vam omogoča ogled napak pri oblikovanju strukture strani, saj so tukaj vsi sloji jasno in jasno prikazani.

5 slogov brskalnika

Slogi brskalnika se oblikujejo iz stilov, ki jih brskalnik privzeto nastavi in ​​stilov posameznega obiskovalca, torej stilov s predponami. Zahvaljujoč zmožnosti ogleda slogov brskalnika lahko zlahka diagnosticirate težave v svojih slogih, če so bili iz nekega razloga preglaseni.

6 Onemogočite Javascript za trenutno sejo

Dobra praksa je, da preizkusite svoje spletno mesto z onemogočenim Javascriptom. To pomeni, da s tem dejanjem simuliramo onemogočen Javascript za vašega obiskovalca in vidimo spletno mesto, kot si ga ogleduje oseba, ki nima omogočenega Javascripta.

To pomeni, da med trenutno sejo onemogočimo Javascript in ga lahko preizkusimo.

7 Dinamično onemogočanje CSS

Preizkusite tudi berljivost spletnega mesta z onemogočenim CSS. Če si želite ogledati, kako izgleda vaša stran z onemogočenim CSS, ga lahko onemogočite v Firefox Developerju.

Če želite onemogočiti katero koli datoteko slogov, morate odpreti Firefox Developer, pojdite na blok »Slogi« in v desnem stolpcu nasproti zahtevana datoteka sloge, kliknite ikono očesa, da postane prečrtana.

8 Določanje pisav na strani

Včasih morate določiti pisavo na strani, vendar ne želite iskati dolgo časa izvorna koda. Firefox Developer vam ponuja odlično priložnost, da jasno vidite, katere pisave so uporabljene na strani, in celo ugotovite, od kod so povezane.

9 Preverjanje prilagodljivosti

Res ustrezna priložnost v tem trenutku. Ker si vsa spletna mesta prizadevajo biti prilagodljiva, preverjanje s storitvami tretjih oseb ni vedno priročno in traja veliko časa. Zdaj lahko uporabljate Firefoxov vgrajeni pregledovalnik odzivnosti.

Za aktiviranje to funkcijo Na tipkovnici morate pritisniti kombinacijo tipk: CTRL+SHIFT+M.

10 Izvajanje Javascripta na strani

Hitri začetek Koda Javascript in na strani, s katero lahko to preprosto storite z uporabo Firefoxa Razvijalec. Tukaj je taka funkcija" Preprost Javascript urejevalnik". Tukaj lahko napišete katero koli kodo Javascript in ta se bo izvajala kot običajni skript znotraj strani, to je interakcija z vsemi elementi na njej.

V Video

Pregled