casa › DI › Sfumature dell'estensione di Google Chrome per lo sviluppatore. Estensioni di Google Chrome per lo sviluppo web e altro ancora. Quali versioni di Chrome esistono?

Sfumature dell'estensione di Google Chrome per lo sviluppatore. Estensioni di Google Chrome per lo sviluppo web e altro ancora. Quali versioni di Chrome esistono?

Navigatore Google Chromeè una scelta eccellente per designer e sviluppatori web. Con le estensioni di Google Chrome puoi aggiungere più funzionalità, che può aiutare nella progettazione, nella ricerca di errori e in altri lavori con il sito. Qui presentiamo le migliori estensioni di Chrome per designer e sviluppatori.

Prova di risoluzione- questa estensione è progettata per controllare le pagine Web con diverse risoluzioni dello schermo, mentre puoi configurare le tue impostazioni di risoluzione. Questo strumento è molto utile per verificare l'aspetto del tuo progetto su monitor di diverse dimensioni.

Pendule estende le funzionalità degli strumenti integrati di Google Chrome. Con questa estensione, gli utenti hanno molte funzionalità aggiuntive, come: valutazione di tag restrittivi utilizzando i servizi web automatici del W3C, nascondere immagini sulla pagina, visualizzare script incorporati nella pagina e molto altro.

Abiti semplici fa bene solo una cosa: rimuove tutti i CSS dalla pagina. Uno dei modi preferiti per valutare l'accessibilità delle pagine Web è rimuovere gli stili CSS e confrontare la leggibilità della pagina con e senza stili. Questo approccio simula una situazione in cui l'utente ha solo una visualizzazione parziale della pagina e può fare affidamento solo sui tag della pagina per accedere al contenuto.
Sebbene questo programma sia stato originariamente creato per testare le pagine Web, puoi utilizzarlo per visualizzare i tuoi stili preferiti "senza stile" (in modo che il tuo capo non ti sorprenda a guardarli quando devi completare una funzione Javascript).

Se desideri ritagliare alcune parti di una pagina web, Image Cropper è la tua scelta ovvia. Questo programma è semplice come un bastone e non ha espedienti. Seleziona semplicemente l'area che desideri tagliare e l'app la prenderà. Hai bisogno di precisione fino al pixel? L'estensione mostra le dimensioni e la posizione dei frammenti che hai tagliato, così puoi scegliere la dimensione che ti serve.

Questa estensione è orgogliosa di essere minimalista e semplice, il che è positivo, perché non c'è motivo di complicare la creazione di testi Lorem Ipsum. Il generatore Lorem Ipsum ti consente di compilare caselle di testo durante la progettazione del tuo sito Web per le presentazioni.

Individuazione di bug all'interno del motore Internet Explorer Il Tridente non è affatto divertente. Utilizzando IE Tab, almeno puoi risparmiare un po' di tempo e non usare Internet Explorer (per non parlare del fatto che ha poche estensioni) per trovare problemi di rendering.

jQuery Shell ti consente di eseguire comandi javascript e jQuery nel contesto di una pagina web aperta. Un'estensione molto utile per imparare e sperimentare jQuery.

10.

Questa app è un maestro del trucco. Il trucco è che il programma ti consente di ottenere rapidamente i valori esadecimali e RGB di qualsiasi colore su qualsiasi pagina web. Questa funzionalità può tornare utile se devi determinare quali colori utilizza il tuo sito Web preferito senza utilizzare Photoshop e il suo strumento Eyedropper.

11.

Utilizzando la funzione WebModifica, puoi rendere modificabile qualsiasi pagina (ma le modifiche non verranno salvate, ovviamente). Bene, perché ne hai bisogno allora? Ecco perché: se stai costruendo un sito web e vuoi giocare con gli elementi senza grandi modifiche al codice, questa app ti tornerà molto utile.

12.

Ti sei mai chiesto quali tecnologie, framework e applicazioni open source utilizza un particolare sito web? Gli sviluppatori esperti possono rispondere a queste domande studiando fonte, ma se desideri una risposta più rapida e semplice, prova Chrome Sniffer. Chrome Sniffer elenca tutti i framework/librerie Javascript conosciuti (jQuery, MooTools, ecc.) e CMS (Drupal, WordPress, ecc.) utilizzati dal sito web.

13.
Contagocceè un'estensione per Google Chrome che ti permette di definire il colore su qualsiasi pagina web. Inoltre, il programma fornisce una "ruota" dei colori e campioni di colori (che possono essere trovati in qualsiasi file programma di grafica), così puoi sperimentare e manipolare i colori per ottenere quello giusto.

15.

Una pagina web ben costruita con un buon markup alla fine produrrà risultati impressionanti sui motori di ricerca. Tuttavia, se desideri valutare il tuo sito web in base ai noti parametri di ottimizzazione dei motori di ricerca, allora dovresti provare SEO Site Tools, un'estensione che ti offre una vasta gamma di strumenti e funzioni utili per la valutazione SEO. Può leggere molti parametri dentro e fuori dalla pagina, ottenere informazioni dai social media e così via.

Esistono diverse versioni create per diverse categorie di utenti. Uno di loro si chiama Edizione per sviluppatori di Google Chrome. Cos'è questa versione e perché è necessaria? A proposito di questo e sarà discusso in questo materiale.

Vale la pena notare che build alternative di Chrome esistono da molto tempo. Accompagnano questo popolare browser quasi dalla versione di lancio. Ma non tutti gli utenti sono adatti a opzioni alternative.

Il fatto è che le "altre" build di Chrome sono destinate ai professionisti in una particolare area: progettisti di layout, tester, sviluppatori e così via. Per gli utenti ordinari, tali browser non funzioneranno. Eppure dobbiamo parlarne.

Quali versioni di Chrome esistono?

In effetti, non ce ne sono così tanti. Tuttavia, solo uno di essi è stabile. Questo è solo quello disposto in accesso gratuito. Qualsiasi utente può scaricarlo. Ma esistono anche versioni alternative. Diamo loro una breve occhiata.

Esistono queste versioni del Google Chrome preferito da tutti. Tuttavia, in questo contesto, siamo interessati alla Developer Edition. Pertanto è necessario considerare tutto caratteristiche chiave questa versione per maggiori dettagli. Solo allora si potrà trarre una conclusione.

Funzionalità dell'edizione per sviluppatori

La caratteristica fondamentale di questo Versioni di Google Chrome è la disponibilità di strumenti di sviluppo. Saranno utili a chi sviluppa estensioni e plugin per questo browser web. Un utente normale si perderà in tali strumenti.

La seconda caratteristica è la console avanzata. Viene utilizzato per modificare il codice e includerlo caratteristiche nascoste navigatore. Tuttavia, devi essere in grado di lavorarci. Il minimo errore nella squadra può portare a conseguenze molto tristi.

Un altro "trucco" è la presenza di tutte le ultime innovazioni migrate questa versione dalle Canarie. Ciò consente agli sviluppatori di ottimizzare le proprie estensioni per le nuove funzionalità del browser.

Aggiornamenti frequentiè un'altra caratteristica distintiva della Developer Edition. Vengono in modo irregolare, ma non più tardi di una volta ogni due settimane. In alcuni casi, gli aggiornamenti potrebbero arrivare in soli due giorni. Questo è utile per coloro che stanno testando nuove funzionalità del browser web.

Conclusione

Quindi, sopra abbiamo parlato di quali sono le versioni di Google Chrome e ci siamo soffermati in dettaglio sull'assemblaggio per gli sviluppatori. Ora è chiaro che questa versione si distingue per un set di strumenti e una console avanzata.

Vale la pena notare che gli utenti normali non hanno bisogno di installare la Developer Edition. Non avrà senso da questo. Inoltre, questo assemblaggio non differisce in particolare stabilità. Se non sei uno sviluppatore, è meglio usare Stable.

Esistono moltissime estensioni gratuite per browser di Google Chrome che ti semplifica la vita. Ecco i 20 migliori.

In questo articolo presentiamo le migliori estensioni di Google Chrome per una varietà di scopi, ma ciascuna è progettata per semplificarti il lavoro.

Firefox è da tempo famoso per la sua personalizzazione e le numerose estensioni, ma negli ultimi anni anche Google Chrome ha guadagnato molta popolarità tra i web designer e gli sviluppatori. Uno dei motivi è la sua velocità e gli strumenti di sviluppo integrati.

Ora, con lo sviluppo della raccolta di estensioni di Chrome, che si espande ogni giorno, questo è il motivo per cui molti sviluppatori e designer web scelgono questo particolare browser per se stessi.

Vuoi saperne di più? Dai un'occhiata alla nostra lista.

01. iMacros per Chrome

L'estensione iMacros per Chrome ti consente di registrare e salvare le tue attività.

Come sviluppatore web, potresti dover rivedere le tue pagine web. Fare sempre le stesse cose può essere un processo noioso. iMacros è una pratica estensione di Chrome che ti consente di registrare le tue azioni e salvarle, devi eseguire l'azione solo una volta.

Successivamente, puoi controllare le tue pagine ancora e ancora, ripetendo i passaggi con un clic di un pulsante. Ciò consente di risparmiare tempo prezioso e di concentrarsi su cose più importanti.

02. Parco giochi per caratteri

Font Playground ti consente di sperimentare i caratteri locali sulle pagine Web attive.

Ogni designer e sviluppatore troverà molte cose utili in questa estensione. Font Playground ti consente di sperimentare i caratteri locali e tutte le librerie di caratteri di Google su pagine Web attive senza apportare alcuna modifica alle pagine stesse.

Il vantaggio di questa estensione è che include tutte le possibili dimensioni, stili ed effetti dei caratteri. Potresti voler eseguire il rendering di diverse opzioni di carattere prima di apportare modifiche reali al codice.

03. Quale carattere

Che carattere usano? Estensione di Chrome Quale carattere può mostrarti questo!

Un'estensione molto utile per Google Chrome, What Font consente a sviluppatori e designer di determinare quali caratteri vengono utilizzati su una pagina web.

Quindi, se ti imbatti in un font da qualche parte online che sembra fantastico e desideri utilizzarlo in uno dei tuoi progetti futuri, passa il mouse sopra e saprai immediatamente qual è il font.

04.Lento

YSlow ti dirà cosa sta rallentando la pagina.

Con questo strumento, non solo puoi verificare la velocità di caricamento di una pagina web, ma ti mostrerà anche se qualcosa sta rallentando il caricamento e, in tal caso, cosa esattamente.

YSlow controlla le pagine web rispetto a 23 delle 34 regole di prestazione sviluppate dal team Yahoo. È estremamente attrezzo utile analizzare le pagine web, suggerendo anche modi per ottimizzarne le prestazioni.

05. Sviluppatore web

L'estensione Chrome Web Developer fornisce una serie di strumenti utili per gli sviluppatori.

Se sei uno sviluppatore web, potresti chiederti: come hai fatto finora senza questa estensione? Aggiunge un pulsante nella barra degli strumenti che consente a Chrome di accedere a molti strumenti utili per gli sviluppatori web.

Questo versione ufficiale un'estensione per sviluppatori Web sviluppata per Firefox.

06. Lista di controllo per sviluppatori web

Risolve i problemi di prestazioni in questo pratico strumento di Chrome.

Questo strumento ti consente di verificare tutto: se le tue pagine sono SEO friendly, usabilità, nonché la loro visibilità e prestazioni (velocità di caricamento delle pagine).

Quindi, se, ad esempio, ti manca il tag H1 o se nella pagina manca un meta titolo o una meta descrizione, l'estensione della checklist per sviluppatori Web ti avvisa di ciò.

In modo che tu possa risolvere rapidamente questo problema. Se clicchi sul link " maggiori informazioni e aiuto» in fondo all'estensione troverai un elenco più dettagliato.

07. Salvataggio automatico di DevTools

Salva automaticamente le modifiche ai file di origine della pagina (CSS e JS).

Un vero tesoro per tutti gli sviluppatori, DevTools Autosave ti consente di salvare automaticamente qualsiasi modifica apportata ai file sorgente CSS e JS di una pagina tramite l'ambiente Chrome Dev Tools. L'estensione è facile da configurare e utilizzare e ti farà risparmiare molto tempo.

08. Wireframe istantaneo

Consente di visualizzare pagine Web wireframe.

Collega la vista wireframe di qualsiasi pagina web con un solo clic. Questa estensione per Google Chrome aiuta gli sviluppatori e i designer web a visualizzare le pagine web, locali o pubblicate sul Web, con una sovrapposizione wireframe.

09. Emulatore di ondulazione

Ripple Emulator aiuta con il debug delle pagine web, l'ispezione DOM e i test automatizzati.

Ripple Emulator è un emulatore di ambiente mobile multipiattaforma che ti aiuterà a testare la tua applicazione web vari dispositivi e risoluzioni dello schermo.

L'estensione Ripple Emulator può essere utilizzata insieme agli strumenti di sviluppo esistenti per il debug, l'ispezione DOM e i test automatizzati.

10. Serie

Tracciamento delle conversazioni e-mail in un unico ticket, assegnazione di attività.

Streak è il principale strumento CRM e di supporto E-mail gmail.

L'estensione ti consente di unire tutte le tue caselle di posta elettronica in una o organizzare il monitoraggio dello scambio di messaggi in un unico ticket, assegnare compiti in modo da poter gestire personalmente il processo di comunicazione con le tue controparti o dare accesso ad altri per questo.

11. Cerca Stackoverflow

Ottieni risposte rapide alle tue domande con questa estensione indispensabile.

Se sei uno sviluppatore web, devi aver sentito parlare di Stack Overflow, un luogo a cui molti sviluppatori si rivolgono con varie domande relative allo sviluppo di progetti web. In caso contrario, allora devi assolutamente conoscerlo. È una community veramente sviluppata che copre un'ampia gamma di argomenti, da C# e Java a PHP e JQuery.

Questa fantastica estensione aggiunge una casella di ricerca direttamente al tuo browser e ti consente di sfruttare le vaste risorse di Stack Overflow. Un'estensione indispensabile!

12. Manuale PHP Ninja

Tutta la documentazione per PHP 5.5, nel tuo browser.

È davvero difficile ricordare ogni funzione, quindi se hai passato molte ore a cercare su Google funzioni PHP specifiche, questa estensione attirerà sicuramente la tua attenzione. Il manuale PHP Ninja fornisce

Ottieni tutta la documentazione per PHP 5.5 con esempi concreti in otto lingue nel tuo browser.

13.Pixel perfetto

Questa estensione ti aiuterà a garantire che ogni pixel del tuo sito corrisponda al design.

I designer odiano le situazioni in cui creano un design straordinario, ma di conseguenza, dopo averlo tradotto in codice, qualcosa non corrisponde al design originale. Il processore Perfect Pixel è davvero l'estensione perfetta per gli sviluppatori web che desiderano creare siti Web che corrispondano esattamente al design.

Questa estensione facile da usare ti consente di posizionare una sovrapposizione di immagini traslucide sopra una pagina web ed eseguire un controllo di corrispondenza su ogni pixel per assicurarti che corrisponda al 100%.

14. Codice Cola

Consente di modificare il CSS di una pagina web sul posto.

Questo strumento non solo ti consentirà di visualizzare il codice sorgente su cui stai lavorando, ma può anche funzionare come editor CSS. Ciò significa che puoi modificare lo stile CSS delle tue pagine web sul posto e vedere immediatamente il risultato delle tue modifiche.

15. Sniffatore di cromo

Ispezione di applicazioni web e librerie JavaScript.

Questa estensione consentirà agli sviluppatori web di ispezionare e definire applicazioni web e librerie JavaScript collegate a un progetto specifico. L'estensione funziona nel modo più semplice possibile: nella barra degli indirizzi appare un'icona che indica la versione del framework o del CMS utilizzato.

16.Selettore agente utente

Controlla come appare il tuo sito su diversi dispositivi.

Ottimo strumento per vedere come appare un sito vari tipi dispositivi come iPad, iPhone o dispositivi Android. Questo può anche essere molto utile per vedere il tuo sito nel modo in cui lo vedono i motori di ricerca.

Non importa cosa hai sentito su Google Chrome, quando noi stiamo parlando per quanto riguarda la progettazione e lo sviluppo web, Firefox è ancora il miglior browser web che puoi trovare con un ambiente di sviluppo amichevole.

Diamine, Firefox ha anche una versione speciale del browser creata appositamente per gli sviluppatori web. Questo è quanto Mozilla si preoccupa dei web designer e degli sviluppatori.

Firefox ha anche una vasta raccolta di estensioni che rendono il browser più potente per ottenere il massimo effetto. Ecco alcune delle migliori estensioni di Firefox che puoi utilizzare per semplificare la vita dello sviluppo web.

Installa, testa e utilizza la maggior parte di queste estensioni. Dopotutto, sono tutti gratuiti!

Cosa fa: ispeziona le pagine web

Firebug è un'estensione di cui i web designer e gli sviluppatori semplicemente non possono fare a meno. Questa estensione è simile a una versione migliorata della console per sviluppatori integrata fornita con Firefox. Firebug rende molto più semplice l'ispezione degli elementi sulle pagine Web e ti mostra come funzionano le cose su diversi siti.

Adatto a: sviluppatori web
Cosa fa: client Firefox

FireFTP è un client FTP/SFTP per Firefox che ti consente di caricare e trasferire file in modo sicuro tra il tuo computer e un server direttamente dal tuo browser. Con questo componente aggiuntivo, non dovrai mai più passare dal browser alle applicazioni client FTP.

Ideale per: sviluppatori web e designer
Cosa fa: analisi e convalida delle pagine Web

Questa è una sorta di estensione tutto in uno che aggiunge una serie di strumenti utili al tuo Firefox. Alcuni degli strumenti inclusi in questo componente aggiuntivo sono la visualizzazione e la modifica dei fogli di stile CSS, la disabilitazione degli stili, gli strumenti di debug, ecc.

Cosa fa: strumento di analisi del colore

ColorZilla è un ottimo strumento che i web designer front-end troveranno molto utile. Questo componente aggiuntivo ha un contagocce per scegliere rapidamente un colore su una pagina Web, un generatore di gradienti CSS, un analizzatore di colori, tavolozze di colori e altro ancora.

Adatto a: sviluppatori web
Cosa fa: modifica i siti Web con codice personalizzato

Amato da oltre un milione di utenti Firefox, Greasemonkey è un'estensione che ti darà un divertimento senza fine. Questo componente aggiuntivo ti consente di personalizzare i siti Web più popolari modificandoli con il tuo codice JavaScript. Puoi anche goderti gli script già creati da altri sviluppatori.

Ideale per: progettisti di interfacce
Cosa fa: regola l'offset degli elementi web

Un plugin semplice ma utile che ti consente di ispezionare gli elementi web e vedere visivamente quanti pixel sono spenti negli elementi creando una composizione con livelli trasparenti. Utilizzando questa composizione, puoi personalizzare la tua pagina web reale in modo che corrisponda all'overlay per ottenere il miglior risultato senza alcuna supposizione.

Ad esempio, se una delle immagini sulla tua pagina web si sovrappone a un altro oggetto, puoi utilizzare Pixel Perfect per determinare quanti pixel devono essere regolati per posizionare l'immagine nel posto giusto.

Adatto a: web designer
Cosa fa: carica tutto da una pagina web

Questo plugin è all'altezza del suo nome permettendoti di scaricare qualsiasi cosa da una pagina web. Con un clic puoi scaricare tutte le immagini, i collegamenti e gli altri dati contenuti in una pagina Web utilizzando questa estensione. Il componente aggiuntivo ha anche un acceleratore di download integrato che ottimizza la velocità di download di quattro volte.

Ideale per: progettisti di interfacce
Cosa fa: controlla le pagine web in Internet Explorer

Che ci crediate o no, ci sono persone che usano ancora il vecchio Versioni Internet Explorer per accedere a Internet. Far funzionare bene i siti web con questi vecchi browser è uno dei problemi con cui i web designer ancora lottano. Questo plugin semplifica la personalizzazione del web design per i browser Internet Explorer meno recenti creando una nuova scheda in IE.

Ideale per: web designer e sviluppatori
Cosa fa: ti mostra la tecnologia utilizzata sul sito web

Ti stai chiedendo quali tecnologie sono state utilizzate per costruire i tuoi siti web preferiti? Allora questo componente aggiuntivo fa al caso tuo. BuiltWith è un'estensione che ti consente di eseguire la scansione dei siti Web per trovare quali tecnologie vengono utilizzate in una pagina. Un ottimo strumento per tutti i web designer principianti per imparare dai siti web finiti.

Adatto a: sviluppatori web
Cosa fa: attiva o disattiva Java

Questo componente aggiuntivo ti consente di abilitare o disabilitare facilmente Java nel tuo browser. Può anche disabilitare Javascript, cookie, immagini animate, Flash e altro su una pagina web. Questo è un plugin utile non solo per gli sviluppatori ma anche per gli utenti generali per migliorare la sicurezza del browser e ridurre la larghezza di banda.

Ideale per: progettisti di interfacce
Cosa fa: misura gli elementi in pixel

La funzione di questo componente aggiuntivo è semplice, ti consente di disegnare un righello virtuale sopra una pagina web o un elemento su una pagina per misurare la larghezza, l'altezza o l'allineamento dei pixel di un elemento su una pagina web. MeasureIt sarà utile alla maggior parte degli sviluppatori di interfacce per la creazione di layout.

Adatto a: web designer
Cosa fa: cambia la lingua nel browser

Questo è uno strumento utile che traduce istantaneamente il tuo Firefox in un'altra lingua. Tutto nel tuo browser, incluso interfaccia utente, il dizionario ortografico e il contenuto del sito Web verranno tradotti nella lingua di tua scelta. Un'ottima funzionalità che puoi utilizzare durante lo sviluppo di siti Web multilingue.

Ideale per: progettisti di interfacce
Cosa fa: genera testo fittizio

Creare testo fittizio per i layout e i prototipi del tuo nuovo sito web è un compito noioso che difficilmente riuscirà a intrattenere anche un solo designer. Questa estensione renderà il processo meno noioso consentendoti di creare testo fittizio "Lorem Ipsum" direttamente da Firefox.

Adatto a: sviluppatori web
Cosa fa: modifica e crea cookie

Questo componente aggiuntivo non solo gestisce i cookie del tuo sito, ma semplifica anche la modifica e la creazione di nuovi cookie. Alcune delle funzionalità del plugin includono un'anteprima in linea biscotti, la possibilità di cambiare dominio, la possibilità di modificare più cookie contemporaneamente e molto altro.

Ideale per: progettisti di interfacce
Cosa fa: seleziona i colori su una pagina web

Uno strumento facile da usare che ti consente di selezionare i colori di qualsiasi pixel su una pagina web e copiare facilmente il codice colore RGB o esadecimale da utilizzare nei tuoi progetti. La bellezza e l'interfaccia visiva di questo strumento rendono molto più semplice per i principianti imparare i colori sulle pagine web.

Ideale per: web designer e sviluppatori
Cosa fa: Fornisce informazioni sul software utilizzato dal sito web

Simile al componente aggiuntivo BuiltWith, Wappalyzer è un'altra utile estensione che ti consente di sapere quale Software utilizzati sul sito web. Ad esempio, puoi scoprire quale tipo di CMS utilizza un sito, quale sistema operativo supporta il server del sito Web e altro ancora.

Adatto a: sviluppatori web
Cosa fa: modifica l'agente utente del browser

Vuoi sapere come apparirà il tuo sito su diverse piattaforme e sistemi operativi? Allora questo è lo strumento che ti tornerà sicuramente utile. User-Agent Switcher ti consente di passare da una piattaforma all'altra come Android, Mac, Windows e selezionare sistemi operativi per modificare l'agente utente del tuo browser.

Ideale per: web designer e sviluppatori
Cosa fa: mostra un esempio di utilizzo di una scheda di memoria del browser

Questo è un pratico componente aggiuntivo che ti aiuterà a determinare quante risorse del tuo computer vengono utilizzate da ciascuna scheda aperta in Firefox. Puoi utilizzare questo strumento per scoprire quante risorse utilizza il tuo sito e ottimizzare il tuo sito per ottenere le massime prestazioni.

Ideale per: web designer e grafici
Cosa fa: apre le immagini in Photoshop

Questo componente aggiuntivo fa quello che dice il nome, basta un clic per aprire le immagini che trovi su una pagina web Photoshop. Non è necessario caricare un'immagine o avviare Photoshop, l'estensione farà tutto il necessario.

Ideale per: progettisti di interfacce
Cosa fa: migliora le tabelle HTML

Grafici, statistiche, confronti, tabelle: questo componente aggiuntivo può fare tutto. Puoi utilizzare questo strumento per creare tabelle e grafici HTML pratici e belli.

Adatto a: sviluppatori web
Cosa fa: client SSH per Firefox

In genere, è necessario installare un'applicazione per eseguire un terminale SSH. Queste applicazioni sono diverse sistema operativo da un'altro. FireSSH, tuttavia, funziona su tutte le piattaforme purché tu abbia Firefox. L'estensione ti consente di avviare un terminale SSH direttamente dal tuo browser.

Ideale per: progettisti di interfacce
Cosa fa: aggiorna automaticamente le pagine web

Una delle cose fastidiose che i web designer devono affrontare quando sviluppano siti web è dover aggiornare manualmente una pagina web dopo ogni piccola modifica al codice. Aggiornamento automatico è un'estensione che risolve questo problema consentendoti di aggiornare automaticamente una o più schede in Firefox a intervalli definiti.

Ideale per: progettisti di interfacce
Cosa fa: ridimensiona le finestre di Firefox per risoluzioni dello schermo specifiche

Questo componente aggiuntivo ti consente di ridimensionare la finestra di Firefox a risoluzioni specifiche per vedere come appare il tuo sito web su schermi diversi. Sarà necessario installare la barra dei componenti aggiuntivi di Firefox affinché questa estensione funzioni correttamente.

Ideale per: web designer e sviluppatori
Cosa fa: trova informazioni sui font della pagina e sui suoi elementi

Font Finder è uno strumento utile che ti consente di esplorare gli elementi di un sito Web per scoprirlo Informazioni importanti sui caratteri utilizzati nella pagina, come il nome della famiglia di caratteri, il colore del carattere, l'interlinea, l'arredamento e altro.

Ideale per: progettisti di interfacce
Cosa fa: controlla le pagine web in vari browser

La funzione di questo componente aggiuntivo è semplice. Ti consente di aprire istantaneamente qualsiasi pagina web che stai visualizzando in Firefox con un altro browser con un solo clic. Non è necessario copiare gli URL, aprire ciascun browser uno per uno e incollare gli URL per aprire un sito Web.

Ideale per: web designer e sviluppatori
Cosa fa: svuota la cache del browser

Questo componente aggiuntivo svuota immediatamente la cache Navigatore Firefox(RAM e DISCO) per ridurre l'utilizzo delle risorse del computer. L'estensione ti consente di svuotare la cache semplicemente facendo clic su un pulsante o premendo il tasto F9 sulla tastiera. Se desideri rivedere rapidamente le modifiche apportate a una pagina web, questo componente aggiuntivo si rivelerà molto utile.

Con la crescente popolarità del browser Google Chrome, stanno emergendo estensioni che fanno risparmiare tempo agli sviluppatori web dando loro la possibilità di tenere traccia degli errori e dei problemi di prestazioni del sito web.

Eccone alcuni estensioni utili per Google Chrome.

Estensione per sviluppatori Web

Voglio sottolineare lo strumento più conveniente e potente per uno sviluppatore web e un web designer - Estensione per sviluppatori Web per Google Chrome.

L'estensione viene aggiunta alla barra degli strumenti di Google Chrome sotto forma di pulsante con un ingranaggio e contiene vari strumenti per lo sviluppo e il debug di un sito web. Questo è l'adattamento ufficiale di quello popolare, scritto dallo stesso sviluppatore.

L'estensione ha un gran numero di opzioni.

Ad esempio, molte persone hanno solo bisogno ottenere il colore di un elemento sullo schermo del monitor in formato esadecimale. Per fare ciò, il plugin ha funzione speciale. Nella sezione Varie, seleziona Visualizza selettore colori.

Selezionando la voce Visualizza Color Picker, il cursore diventa una croce. Ora, facendo clic in un punto qualsiasi dello schermo nell'angolo in basso a destra del browser viene visualizzato un colore esadecimale da utilizzare nei CSS.