hjem › AV › Google Chrome-utvidelser nyanser for utviklere. Google Chrome-utvidelser for nettutvikling og mer. Hvilke versjoner av Chrome finnes det?

Google Chrome-utvidelser nyanser for utviklere. Google Chrome-utvidelser for nettutvikling og mer. Hvilke versjoner av Chrome finnes det?

Nettleser Google Chrome– et utmerket valg for designere og webutviklere. Med utvidelser for GoogleChrome kan du legge til flere funksjoner, som kan hjelpe med design, finne feil og annet arbeid med siden. Her presenterer vi de beste Chrome-utvidelsene for designere og utviklere.

Oppløsningstest– denne utvidelsen er designet for å sjekke nettsider med forskjellige skjermoppløsninger, og du kan angi dine egne oppløsningsinnstillinger. Dette verktøyet er veldig praktisk for å sjekke hvordan designet ditt ser ut på forskjellige skjermstørrelser.

Pendule utvider funksjonaliteten til Google Chromes innebygde verktøy. Med denne utvidelsen har brukere mange tilleggsfunksjoner, for eksempel: evaluering av restriksjonstagger ved hjelp av W3C automatiserte nettjenester, skjule bilder på en side, se på skript innebygd i en side og mange andre.

Vanlige klær Den gjør bare én ting bra – den fjerner all CSS på siden. En av favorittmåtene for å evaluere tilgjengeligheten til en nettside er å fjerne CSS-stilene og sammenligne lesbarheten til siden med og uten stilene. Denne tilnærmingen simulerer en situasjon der brukeren bare har en delvis side vist på skjermen og bare kan stole på sidetagger for å få tilgang til innholdet.
Selv om dette programmet opprinnelig ble laget for å teste nettsider, kan du bruke det til å vise favorittstilene dine på en "ustilt" måte (slik at sjefen din ikke vil fange deg når du ser på den mens du må fullføre en JavaScript-funksjon).

Hvis du vil beskjære bestemte deler av en nettside, er Image Cropper ditt opplagte valg. Dette programmet er så enkelt som en pinne og har ingen gimmicker. Bare spesifiser området du vil kutte, og appen vil plukke det opp. Trenger du pikselpresisjon? Utvidelsen viser størrelsen og plasseringen av delene du klipper, slik at du kan velge størrelsen du trenger.

Denne utvidelsen er stolt av å være minimalistisk og enkel – noe som er bra, for det er ingen grunn til å komplisere produksjonen av Lorem Ipsum-teksten. Lorem Ipsum-generatoren lar deg fylle rammer med tekst når du designer presentasjonsnettstedet ditt.

Identifisere feil i motoren Internet Explorer Trident er ikke noe gøy i det hele tatt. Ved å bruke IE Tab kan du i det minste spare litt tid og slippe å bruke Internet Explorer (for ikke å nevne at den ikke har mange utvidelser) for å finne gjengivelsesproblemer.

jQuery Shell lar deg kjøre javascript- og jQuery-kommandoer i sammenheng med en åpen nettside. En veldig nyttig utvidelse for å lære og eksperimentere med jQuery.

10.

Denne appen er en mester i ett triks. Trikset er at programmet lar deg raskt få Hex- og RGB-verdier av hvilken som helst farge på hvilken som helst nettside. Denne funksjonen kan være nyttig hvis du trenger å finne ut hvilke farger favorittnettstedet ditt bruker uten å bruke Photoshop og pipetteverktøyet.

11.

Bruker funksjonen WebRediger, kan du gjøre hvilken som helst side tilgjengelig for redigering (endringene du gjør, vil selvfølgelig ikke bli lagret). Vel, hvorfor trenger du dette da? Her er grunnen: Hvis du lager et nettsted og vil leke med elementer uten å gjøre vesentlige kodeendringer, vil denne applikasjonen være veldig nyttig for deg.

12.

Har du noen gang ønsket å vite hvilke teknologier, strukturer og applikasjoner med åpen kilde bruker en bestemt nettside? Erfarne utviklere kan svare på disse spørsmålene ved å studere kilde, men hvis du ønsker å få svaret raskere og enklere, kan du prøve Chrome Sniffer. Chrome Sniffer lister opp alle kjente javascript-rammeverk/biblioteker (jQuery, MooTools, etc.) og CMS (Drupal, WordPress, etc.) som brukes av en nettside.

13.
Eye Dropper er en utvidelse for Google Chrome som lar deg oppdage farger på hvilken som helst nettside. Dessuten gir programmet et farge "hjul" og fargeprøver (som kan finnes i alle grafikk program), slik at du kan eksperimentere og manipulere fargene for å finne den du vil ha.

15.

En riktig konstruert nettside med god markering fører til slutt til at siden har imponerende resultater i søkemotorer. Men hvis du ønsker å evaluere nettstedet ditt mot kjente søkemotoroptimaliseringsparametere, bør du prøve SEO Site Tools, en utvidelse som tilbyr deg et stort utvalg nyttige SEO-vurderingsverktøy og funksjoner. Den kan lese mange parametere på og utenfor siden, hente informasjon fra sosiale medier og alt det der.

Det er flere versjoner laget for ulike kategorier av brukere. En av dem heter Google Chrome Developer Edition. Hva slags versjon er dette og hvorfor er det nødvendig? Om dette og vi vil snakke i dette materialet.

Det er verdt å merke seg at alternative versjoner av Chrome har dukket opp i lang tid. De følger med denne populære nettleseren nesten fra lanseringsversjonen. Men ikke alle brukere er egnet for alternative alternativer.

Faktum er at "andre" versjoner av Chrome er ment for profesjonelle innen ett eller annet felt: layoutdesignere, testere, utviklere og så videre. Slike nettlesere er ikke egnet for vanlige brukere. Og likevel må vi snakke om dem.

Hvilke versjoner av Chrome finnes det?

Faktisk er det ikke så mange av dem. Det er imidlertid bare én stabil. Det er nettopp denne som er gjort offentlig tilgjengelig. Enhver bruker kan laste den ned. Men det finnes også alternative versjoner. La oss se nærmere på dem.

Dette er versjonene av alles favoritt Google Chrome som finnes. I denne sammenheng er vi imidlertid interessert i Developer Edition. Derfor må alt vurderes nøkkelegenskaper denne versjonen for mer informasjon. Først da kan en konklusjon trekkes.

Developer Edition-funksjoner

Nøkkeltrekket ved dette Google-versjoner Chrome er tilgjengeligheten av utviklingsverktøy. De vil være nyttige for de som utvikler utvidelser og plugins for denne nettleseren. Den gjennomsnittlige brukeren vil gå seg vill i slike verktøy.

Den andre funksjonen er den avanserte konsollen. Den brukes til å redigere koden og aktivere skjulte funksjoner nettleser. Du må imidlertid vite hvordan du jobber med det. Den minste feil i et team kan føre til svært alvorlige konsekvenser.

Et annet "triks" er tilstedeværelsen av alle de siste innovasjonene som har migrert til denne versjonen fra Kanariøyene. Takket være dette kan utviklere optimalisere utvidelsene sine for nye nettleserfunksjoner.

Hyppige oppdateringer– et annet særtrekk ved Developer Edition. De kommer uregelmessig, men senest en gang annenhver uke. I noen tilfeller kan oppdateringer komme innen to dager. Dette er praktisk for de som tester nye funksjoner i nettleseren.

Konklusjon

Så ovenfor snakket vi om hvilke versjoner av Google Chrome det er og diskuterte i detalj byggingen for utviklere. Nå er det klart at denne versjonen er preget av et sett med verktøy og en avansert konsoll.

Det er verdt å merke seg at vanlige brukere ikke trenger å installere Developer Edition i det hele tatt. Det vil ikke være noen mening med dette. Dessuten er denne sammenstillingen ikke spesielt stabil. Hvis du ikke er en utvikler, er det bedre å bruke Stable.

Det finnes et stort antall gratis utvidelser for Google nettleser Chrome som bidrar til å gjøre livet ditt enklere. Her er 20 av de beste.

I denne artikkelen presenterer vi de beste Google Chrome-utvidelsene for forskjellige formål - men hver av dem er designet for å gjøre jobben din enklere.

Firefox har lenge vært kjent for sin tilpasning og mange utvidelser, men Google Chrome har også fått mye popularitet blant nettdesignere og utviklere de siste årene. En av grunnene til dette er hastigheten og innebygde utviklerverktøy.

Nå, med utviklingen av samlingen av Chrome-utvidelser, som utvides hver dag, er dette grunnen til at mange nettutviklere og designere velger denne nettleseren for seg selv.

Vil du vite mer om dette? Sjekk ut listen vår.

01. iMacros for Chrome

IMacros-utvidelsen for Chrome lar deg registrere handlingene dine og lagre dem.

Som nettutvikler må du kanskje revidere nettsidene dine. Å gjøre de samme tingene om og om igjen kan være en kjedelig prosess. iMacros er en hendig Chrome-utvidelse som lar deg registrere handlingene dine og lagre dem, som bare krever at du utfører handlingen én gang.

Du kan deretter sjekke sidene dine igjen og igjen, og gjenta trinnene med et klikk på en knapp. Dette sparer verdifull tid og lar deg konsentrere deg om viktigere saker.

02. Font Lekeplass

Font Playground lar deg eksperimentere med lokale fonter på aktive nettsider.

Hver designer og utvikler vil finne mange nyttige ting i denne utvidelsen. Font Playground lar deg eksperimentere med lokale fonter og alle Google-fontbiblioteker på aktive nettsider uten å gjøre noen endringer på selve sidene.

Det som er bra med denne utvidelsen er at den inkluderer alle mulige skriftstørrelser, stiler og effekter. Du kan først visualisere forskjellige fontalternativer før du gjør noen faktiske endringer i koden.

03. Hvilken font

Hvilken font bruker de? What Font Chrome-utvidelsen kan vise deg dette!

En veldig nyttig utvidelse for Google Chrome, What Font lar utviklere og designere bestemme hvilke fonter som brukes på en nettside.

Så hvis du kommer over en font et sted på nettet som ser fantastisk ut og ønsker å bruke den i et av dine fremtidige prosjekter, er det bare å holde musepekeren over den og du vil umiddelbart vite hva det er.

04. Yslow

YSlow vil fortelle deg hva som bremser siden.

Med dette verktøyet kan du ikke bare sjekke hvor raskt en nettside lastes, den vil også vise deg om noe bremser den.

YSlow tester nettsider mot 23 av de 34 ytelsesreglene utviklet av Yahoo-teamet. Dette er ekstremt nyttig verktøyå analysere nettsider, som også foreslår måter å optimalisere ytelsen på.

05. Webutvikler

Chrome Web Developer-utvidelsen gir en rekke nyttige verktøy for utviklere.

Hvis du er en nettutvikler, kan du spørre deg selv: hvordan klarte du deg til nå uten denne utvidelsen. Den legger til en verktøylinjeknapp som gir Chrome tilgang til mange nyttige verktøy for nettutviklere.

Dette offisiell versjon Webutviklerutvidelse utviklet for Firefox.

06. Sjekkliste for nettutviklere

Det løser ytelsesproblemer i dette hendige Chrome-verktøyet.

Dette verktøyet lar deg sjekke alt fra om sidene dine er SEO-kompatible, brukervennlighet-kompatible, samt deres synlighet og ytelse (sideinnlastingshastighet).

Så hvis du for eksempel gikk glipp av en H1-tag, eller hvis en side mangler en metatittel eller metabeskrivelse, varsler sjekklisteutvidelsen for nettutviklere deg om dette.

Slik at du raskt kan løse dette problemet. Hvis du klikker på lenken " mer informasjon og hjelp» nederst i utvidelsen finner du en mer detaljert liste.

07. DevTools Autolagring

Lagrer automatisk endringer i sidekildefiler (CSS og JS).

En sann skatt for alle utviklere, DevTools Autosave lar deg automatisk lagre endringer som er gjort i en sides CSS- og JS-kildefiler gjennom Chrome Dev Tools-miljøet. Utvidelsen er enkel å sette opp og bruke og vil spare deg for mye tid.

08. Instant Wireframe

Lar deg se wireframes av nettsider.

Koble til wireframe-visning av hvilken som helst nettside med bare ett klikk. Denne Google Chrome-utvidelsen hjelper nettutviklere og designere å se nettsider, enten lokale eller publiserte på nettet, med et wireframe-overlegg.

09. Ripple Emulator

Ripple Emulator hjelper med feilsøking av nettsider, DOM-inspeksjon og automatisert testing.

Ripple Emulator er en multiplattform-emulator for mobilmiljø som vil hjelpe deg å teste nettapplikasjonen din ulike enheter og skjermoppløsninger.

Ripple Emulator-utvidelsen kan brukes i kombinasjon med eksisterende utviklingsverktøy for feilsøking, DOM-inspeksjon og automatisert testing.

10. Streke

Spore e-postsamtaler i én billett, tilordne oppgaver.

Streak er det viktigste CRM- og støtteverktøyet E-post Gmail.

Utvidelsen lar deg kombinere alle e-postboksene dine i én eller organisere sporing av meldingsutvekslinger i én billett, tildele oppgaver slik at du kan administrere kommunikasjonsprosessen med dine motparter personlig eller gi tilgang til dette til andre personer.

11. Søk Stackoverflow

Få raske svar på spørsmålene dine med denne utvidelsen du må bruke.

Er du webutvikler må du ha hørt om Stack Overflow, et sted mange utviklere henvender seg til med ulike spørsmål knyttet til utvikling av webprosjekter. Hvis ikke, må du definitivt bli kjent med ham. Det er et virkelig blomstrende fellesskap som dekker et bredt spekter av emner, fra C# og Java til PHP og JQuery.

Denne fantastiske utvidelsen legger til en søkeboks direkte i nettleseren din og lar deg benytte deg av de enorme ressursene til Stack Overflow. En utvidelse du må bruke!

12. PHP Ninja Manual

All dokumentasjon for PHP 5.5, i nettleseren din.

Det er veldig vanskelig å huske alle funksjoner, så hvis du har brukt mange timer på å søke etter spesifikke PHP-funksjoner via Google tidligere, vil denne utvidelsen definitivt fange oppmerksomheten din. PHP Ninja Manual gir

Du får all dokumentasjonen for PHP 5.5 konkrete eksempler på åtte språk i nettleseren din.

13. PerfectPixel

Denne utvidelsen vil hjelpe deg å sikre at hver piksel på nettstedet ditt samsvarer med designet.

Designere hater situasjoner når de lager et fantastisk design, men etter å ha oversatt det til kode, er det noe som ikke samsvarer med det originale designet. Perfect Pixel-prosessoren er virkelig den perfekte utvidelsen for webutviklere som streber etter å lage nettsteder som er designnøyaktige.

Denne brukervennlige utvidelsen lar deg plassere et semi-transparent bildeoverlegg på toppen av en nettside og utføre en piksel-for-piksel samsvarskontroll for å sikre 100 prosent samsvar.

14. Kode Cola

Lar deg redigere nettsidens CSS på plass.

Ikke bare vil dette verktøyet tillate deg å se kildekoden du jobber med, det kan også fungere som en CSS-editor. Dette betyr at du kan redigere CSS-stilen til nettsidene dine på stedet og se resultatene av endringene dine umiddelbart.

15. Chrome Sniffer

Inspeksjon av webapplikasjoner og JavaScript-biblioteker.

Denne utvidelsen vil tillate webutviklere å inspisere og identifisere nettapplikasjoner samt JavaScript-biblioteker knyttet til et spesifikt prosjekt. Utvidelsen fungerer så enkelt som mulig: et ikon vises i adressefeltet som indikerer versjonen av rammeverket eller CMS som brukes.

16. Brukeragentbytter

Sjekk hvordan nettstedet ditt ser ut på forskjellige enheter.

Et flott verktøy for å se hvordan en nettside ser ut forskjellige typer enheter som iPad, iPhone eller Android-enheter. Dette kan også være svært nyttig når det gjelder å se nettstedet slik søkemotorene ser det.

Uansett hva du har hørt om Google Chrome, når vi snakker om om webdesign og utvikling er Firefox fortsatt den beste nettleseren med et vennlig utviklingsmiljø du kan finne.

Pokker, Firefox har til og med en spesiell versjon av nettleseren laget kun for webutviklere. Det er hvor mye Mozilla bryr seg om webdesignere og utviklere.

Firefox har også en enorm samling av utvidelser som gjør nettleseren kraftigere for maksimal effekt. Her er noen av de beste Firefox-utvidelsene du kan bruke for å gjøre livet ditt lettere for nettutvikling.

Installer, test og bruk de fleste av disse utvidelsene. Tross alt er de alle gratis å bruke!

Hva den gjør: Inspiserer nettsider

Firebug er en utvidelse som webdesignere og utviklere rett og slett ikke kan leve uten. Denne utvidelsen er som en forbedret versjon av den integrerte utviklerkonsollen som følger med Firefox. Firebug gjør det mye enklere for deg å inspisere elementer på nettsider og vise deg hvordan ting fungerer på tvers av forskjellige nettsteder.

Passer for: webutviklere
Hva det gjør: klient for Firefox

FireFTP er en FTP/SFTP-klient for Firefox som lar deg trygt laste opp og overføre filer mellom datamaskinen og serveren direkte fra nettleseren din. Med dette tillegget trenger du aldri å hoppe mellom nettleseren og FTP-klientappene igjen.

Passer for: webutviklere og designere
Hva den gjør: analysere og sjekke nettsider

Det er en alt-i-ett-utvidelse som legger til en rekke nyttige verktøy til Firefox. Noen av verktøyene som er inkludert i dette tillegget er visning og redigering av CSS-stilark, deaktivering av stiler, feilsøkingsverktøy, etc.

Hva det gjør: Fargeanalyseverktøy

ColorZilla er et flott verktøy som front-end webdesignere vil finne ganske nyttig. Dette tillegget har en pipette for raskt å velge farger på en nettside, en CSS-gradientgenerator, en fargeanalysator, fargepaletter og mye mer.

Passer for: webutviklere
Hva det gjør: Endre nettsteder med tilpasset kode

Elsket av over en million Firefox-brukere, er Greasemonkey en utvidelse som vil gi deg uendelig moro. Dette tillegget lar deg tilpasse populære nettsteder ved å redigere dem ved å bruke din egen JavaScript-kode. Du kan også glede deg over skript som allerede er laget av andre utviklere.

Best for: Grensesnittdesignere
Hva den gjør: Justerer forskyvningen av webelementer

En enkel, men nyttig plugin som lar deg inspisere webelementer og visuelt se hvor mange piksler som er av i elementene, og skaper en komposisjon med gjennomsiktige lag. Ved å bruke denne komposisjonen kan du sette opp din faktiske nettside for å matche overlegget for det beste resultatet uten gjetting.

For eksempel, hvis et av bildene på nettsiden din overlapper et annet objekt, kan du bruke Pixel Perfect til å bestemme hvor mange piksler du må justere for å få det bildet på riktig sted.

Passer for: webdesignere
Hva den gjør: Laster inn alt fra en nettside

Denne plugin-en lever opp til navnet sitt ved å la deg laste ned alt fra en nettside. Med ett klikk kan du laste ned alle bildene, koblingene og andre data på en nettside ved å bruke denne utvidelsen. Tillegget har også en innebygd nedlastingsakselerator som optimerer nedlastingshastigheten med fire ganger.

Best for: Grensesnittdesignere
Hva det gjør: Sjekk nettsider i Internet Explorer

Tro det eller ei, det er folk som fortsatt bruker de gamle Internett-versjoner Explorer for å få tilgang til Internett. Å lage nettsteder som fungerer godt i disse eldre nettleserne er et av problemene som webdesignere fortsatt sliter med. Denne plugin gjør det enkelt å tilpasse webdesign for eldre Internett-lesere Utforsker, oppretter en ny fane i IE.

Passer for: webdesignere og utviklere
Hva det gjør: Viser deg om teknologien som brukes på nettstedet

Lurer du på hvilke teknologier som ble brukt til å lage favorittnettstedene dine? Da vil dette tillegget være nyttig for deg. BuiltWith er en utvidelse som lar deg skanne nettsider for å finne hvilke teknologier som brukes på siden. Et flott verktøy for alle ambisiøse webdesignere for å lære av ferdige nettsider.

Passer for: webutviklere
Hva den gjør: Slår Java på eller av

Dette tillegget lar deg enkelt aktivere eller deaktivere Java i nettleseren din. Den kan også deaktivere Javascript, informasjonskapsler, animerte bilder, Flash og mer på nettsiden. Dette er en nyttig plugin ikke bare for utviklere, men også for vanlige brukere for å forbedre nettlesersikkerheten og redusere båndbredden.

Best for: Grensesnittdesignere
Hva den gjør: Måler elementer i piksler

Funksjonen til dette tillegget er enkel, det lar deg tegne en virtuell linjal på toppen av en nettside eller et element på en side for å måle bredden, høyden eller pikseljusteringen til elementet på nettsiden. MeasureIt er nyttig for de fleste frontend-utviklere å lage wireframes.

Passer for: webdesignere
Hva den gjør: bytter språk i nettleseren

Dette er et nyttig verktøy som umiddelbart oversetter Firefox til et annet språk. Alt i nettleseren din, inkludert brukergrensesnitt, stavekontrollordbok og nettstedinnhold vil bli oversatt til språket du velger. En flott funksjon som du kan bruke når du utvikler flerspråklige nettsteder.

Best for: Grensesnittdesignere
Hva det gjør: generere dummy-tekst

Å lage dummy-tekst for dine nye nettsidemodeller og prototyper er en kjedelig oppgave som neppe vil underholde selv en enkelt designer. Denne utvidelsen gjør prosessen mindre kjedelig ved å la deg generere Lorem Ipsum-dummy-tekst direkte fra Firefox.

Passer for: webutviklere
Hva den gjør: redigerer og lager informasjonskapsler

Dette tillegget administrerer ikke bare nettstedets informasjonskapsler, men lar deg også enkelt redigere og opprette nye filer. Noen av plugin-funksjonene inkluderer inline-surfing informasjonskapsler, muligheten til å endre domene, muligheten til å redigere flere informasjonskapsler samtidig og mye mer.

Best for: Grensesnittdesignere
Hva den gjør: Velger farger på en nettside

Et brukervennlig verktøy som lar deg velge fargene til enhver piksel på en nettside og enkelt kopiere RGB- eller Hex-fargekoden for bruk i dine egne prosjekter. Skjønnheten og det visuelle grensesnittet til dette verktøyet gjør det mye enklere for nybegynnere å lære om farger på nettsider.

Passer for: webdesignere og utviklere
Hva den gjør: Gir informasjon om programvaren som brukes av nettstedet

I likhet med BuiltWith-tillegget er Wappalyzer en annen nyttig utvidelse som lar deg finne ut hva programvare brukt på nettsiden. Du kan for eksempel finne ut hvilken type CMS nettstedet bruker, hvilket operativsystem nettsideserveren støtter, og mye mer.

Passer for: webutviklere
Hva det gjør: Endrer nettleserens brukeragent

Vil du vite hvordan nettstedet ditt vil se ut på forskjellige plattformer og operativsystemer? Da er dette et verktøy som definitivt vil komme godt med for deg. User-Agent Switcher lar deg bytte mellom forskjellige plattformer som Android, Mac, Windows og utvalgte operativsystemer for å endre nettleserens brukeragent.

Passer for: webdesignere og utviklere
Hva den gjør: Viser et eksempel på bruk av nettleserens minnefane

Dette er et praktisk tillegg som vil hjelpe deg å finne ut hvor mye av datamaskinens ressurser som brukes av hver åpne fane i Firefox. Du kan bruke dette verktøyet til å finne ut hvor mange ressurser nettstedet ditt bruker og optimalisere nettstedet ditt for maksimal ytelse.

Passer for: web- og grafiske designere
Hva den gjør: Åpner bilder i Photoshop

Dette tillegget gjør det navnet sier, åpner med ett klikk bildene du finner på en nettside med ved hjelp av Photoshop. Du trenger ikke å laste opp et bilde eller starte Photoshop, utvidelsen vil gjøre alt du trenger.

Best for: Grensesnittdesignere
Hva det gjør: Forbedrer HTML-tabeller

Grafer, statistikk, sammenligninger, tabeller - dette tillegget kan gjøre alt. Du kan bruke dette verktøyet til å lage brukervennlige og vakre HTML-tabeller og diagrammer.

Passer for: webutviklere
Hva det gjør: SSH-klient for Firefox

Vanligvis må du installere en applikasjon for å kjøre SSH-terminalen. Disse applikasjonene er forskjellige på én ting operativsystem fra en annen. FireSSH fungerer imidlertid på alle plattformer så lenge du har Firefox. Utvidelsen lar deg starte en SSH-terminal direkte fra nettleseren.

Best for: Grensesnittdesignere
Hva den gjør: Oppdater nettsider automatisk

En av de irriterende tingene som webdesignere møter når de utvikler nettsteder, er å måtte oppdatere nettsiden manuelt etter hver eneste lille endring i koden. Auto Refresh er en utvidelse som løser dette problemet ved å la deg oppdatere én eller flere faner i Firefox automatisk med intervaller du definerer.

Best for: Grensesnittdesignere
Hva det gjør: Tilpasser Firefox-vinduer for bestemte skjermoppløsninger

Dette tillegget lar deg endre størrelsen på Firefox-vinduet med spesifikke oppløsninger for å se hvordan nettstedet ditt ser ut på forskjellige skjermer. Du må installere Firefox Add-On Bar for at denne utvidelsen skal fungere skikkelig.

Passer for: webdesignere og utviklere
Hva den gjør: finner informasjon om skriftene på siden og dens elementer

Font Finder er et hendig verktøy som lar deg undersøke nettstedelementer for å finne ut av det viktig informasjon om skriftene som brukes på siden, for eksempel skriftfamilienavn, skriftfarge, linjeavstand, dekorasjon og mer.

Best for: Grensesnittdesignere
Hva det gjør: sjekker nettsider i forskjellige nettlesere

Funksjonen til dette tillegget er enkel. Den lar deg åpne en hvilken som helst nettside du ser på i Firefox med en annen nettleser med bare ett klikk. Det er ikke nødvendig å kopiere URL-er, åpne hver nettleser én etter én og lim inn URL-ene for å åpne nettsiden.

Passer for: webdesignere og utviklere
Hva det gjør: tømmer nettleserbufferen

Dette tillegget sletter hurtigbufferen umiddelbart Firefox nettleser(RAM og DISK) for å redusere bruken av dataressurser. Utvidelsen lar deg tømme hurtigbufferen ved å klikke på en knapp eller trykke på F9-tasten på tastaturet. Hvis du raskt vil se endringer som er gjort på en nettside, vil dette tillegget være veldig nyttig.

Med den økende populariteten til Google Chrome-nettleseren dukker det opp utvidelser som sparer nettutviklere tid ved å gi dem muligheten til å spore feil og problemer med nettstedets ytelse.

Her er noen nyttige utvidelser for Google Chrome.

Webutviklerutvidelse

Jeg vil gjerne merke meg det mest praktiske og kraftige verktøyet for en webutvikler og webdesigner - Nettutviklerutvidelse for Google Chrome.

Utvidelsen er lagt til Google Chrome-verktøylinjen i form av en knapp med et tannhjulikon og inneholder ulike verktøy for å utvikle og feilsøke et nettsted. Dette er en offisiell tilpasning av den populære, skrevet av samme utvikler.

Utvidelsen har et stort antall alternativer.

Mange trenger for eksempel bare finn ut fargen på elementet på LCD-skjermen i heksadesimalt format. Til dette formålet har plugin spesiell funksjon. I Diverse-delen velger du Vis fargevelger.

Ved å velge Vis fargevelger, blir markøren et kryss. Nå, ved å klikke på et hvilket som helst område av skjermen i nedre høyre hjørne av nettleseren, vises fargen i heksadesimal for bruk i CSS.