Web Developer Toolbar: differenze tra le versioni
Contenuto cancellato Contenuto aggiunto
mNessun oggetto della modifica |
Funzionalità collegamenti suggeriti: 3 collegamenti inseriti. Etichette: Modifica visuale Modifica da mobile Modifica da web per mobile Attività per i nuovi utenti Suggerito: aggiungi collegamenti |
||
| (21 versioni intermedie di 17 utenti non mostrate) | |||
Riga 1:
{{s|software libero}}▼
'''Web Developer''' è un'[[Estensione Mozilla|estensione]] per [[Mozilla Firefox]] e i [[browser]] basati su [[Gecko]] ([[Flock]]
▲[[Immagine:Web Developer menu ES.PNG|thumb|right|250px|Web Developer toolbar]]
▲'''Web Developer''' è un'[[Estensione Mozilla|estensione]] per [[Mozilla Firefox]] e i [[browser]] basati su [[Gecko]] ([[Flock]] e [[Seamonkey]]) che aggiunge al browser una ''[[toolbar]]'' con molti strumenti utili ai [[web developer]].
L'estensione è sviluppata da [https://addons.mozilla.org/en-US/firefox/user/45 Chris Pederick], autore anche dell'estensione [https://web.archive.org/web/20100106050312/https://addons.mozilla.org/en-US/firefox/addon/59 ''User Agent Switcher''].
La versione stabile di Web Developer è la versione 1.
Esiste anche Web Developer per Chrome, attualmente alla versione 0.4.3, distribuita il 2 febbraio 2013 <ref>[https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm#detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm Chrome Web Store]</ref>.
Web Developer ha vinto l'edizione del 2006 della competizione "Extend Firefox"<ref>{{en}} [http://developer.mozilla.org/contests/extendfirefox/ "Extend Firefox" competition results]</ref> ed è una delle estensioni raccomandate agli sviluppatori da parte di Mozilla.<ref>{{en}} [https://addons.mozilla.org/en-US/firefox/recommended Firefox Add-ons: Recommended Add-ons]</ref>▼
▲Web Developer ha vinto l'edizione del 2006 della competizione "Extend Firefox"<ref>{{en}} [
Fra le varie funzionalità, Web Developer consente di visualizzare le dimensioni dei singoli componenti di una [[pagina web]] (testo, immagini, script eseguiti localmente), con l'esclusione di video o musica inviati in modalità ''[[streaming#caratteristiche|streaming]]''<ref>{{cita web | url = http://www.ainu.it/internet/conoscere-la-dimensione-reale-di-una-pagina-web/ | titolo = Conoscere la dimensione effettiva di una pagina web | data = 20 Novembre 2008 | lingua = it | accesso = 5 maggio 2019 | dataarchivio = 11 settembre 2013 | urlarchivio = https://web.archive.org/web/20130911070207/http://www.ainu.it/internet/conoscere-la-dimensione-reale-di-una-pagina-web/ | urlmorto = sì }}</ref>.
== Strumenti principali ==
I seguenti strumenti sono i principali di Web Developer Toolbar<ref name=":0">{{Cita web|url=https://developer.mozilla.org/en-US/docs/Tools|titolo=Firefox Developer Tools {{!}} MDN|sito=developer.mozilla.org|accesso=2021-03-01}}</ref>:
=== Impostazioni pagina ===
Visualizza e modifica il contenuto e il layout della pagina. Visualizza molti aspetti della pagina, inclusi il box model, le animazioni e i layout della griglia.
=== Console web ===
Visualizza i messaggi registrati da una pagina web e interagisce con la pagina utilizzando [[JavaScript]].
=== Debugger JavaScript ===
Interrompe, scorre, esamina e modifica il JavaScript in esecuzione su una pagina.
=== Network Monitor ===
Visualizza le richieste di rete effettuate quando viene caricata una pagina.
=== Strumenti per le prestazioni ===
Analizza la reattività generale, JavaScript e le prestazioni del layout del sito.
=== Modalità di progettazione reattiva ===
Guarda come apparirà e si comporterà il [[sito web]] o la app su diversi dispositivi e tipi di rete.
=== Ispettore dell'accessibilità ===
Fornisce un mezzo per accedere all'albero dell'accessibilità della pagina, consentendo di verificare cosa manca o richiede comunque attenzione.
=== Pannello delle applicazioni ===
Fornisce strumenti per l'ispezione e il debug di app Web moderne (note anche come app Web progressive). Ciò include l'ispezione dei lavoratori dell'assistenza e dei manifesti delle app Web .
== Altri strumenti ==
Anche questi strumenti per sviluppatori sono integrati in Firefox. A differenza degli "Strumenti principali"<ref name=":0" />:
; Memoria
: Mostra quali oggetti mantengono la memoria in uso.
; Ispettore di archiviazione
: Ispeziona i cookie, l'archiviazione locale, il database indicizzato e l'archiviazione della sessione presenti in una pagina.
; Visualizzatore proprietà DOM
: Ispeziona le proprietà, le funzioni e così via del DOM della pagina
; Contagocce
: Seleziona un colore dalla pagina.
; Editor di stile
: Visualizza e modifica gli stili [[CSS]] per la pagina corrente.
; Screenshot
: Cattura uno [[screenshot]] dell'intera pagina o di un singolo elemento.
; Misura una parte della pagina
: Misura un'area specifica di una pagina web.
; Righelli
: Sovrappone i righelli orizzontali e verticali su una pagina web
== Collegamento degli strumenti per sviluppatori ==
Se si aprono gli strumenti per sviluppatori utilizzando le scorciatoie da tastiera o le voci di menu equivalenti, verranno indirizzati al documento ospitato dalla scheda attualmente attiva. Ma si possono anche collegare gli strumenti a una varietà di altri obiettivi, sia all'interno del browser corrente che in browser o dispositivi diversi<ref name=":0" />:
; <nowiki>about: debugging</nowiki>
: Debug di componenti aggiuntivi, schede dei contenuti e worker in esecuzione nel browser.
; Connessione a Firefox per Android
: Collega gli strumenti per sviluppatori a un'istanza di Firefox in esecuzione su un dispositivo [[Android]].
; Connessione a iframe
: Collega gli strumenti per sviluppatori a un [[iframe]] specifico nella pagina corrente.
; Connessione ad altri browser
: Collega gli strumenti per sviluppatori a Chrome su Android e Safari su iOS.
== Debug del browser ==
Per impostazione predefinita, gli strumenti per sviluppatori sono allegati a una pagina Web o a un'app Web. Ma puoi anche collegarli al browser nel suo insieme. Ciò è utile per lo sviluppo di browser e componenti aggiuntivi.
; Console del browser
: Visualizza i messaggi registrati dal browser stesso e dai componenti aggiuntivi ed esegui il codice JavaScript nell'ambito del browser.
; Casella degli strumenti del browser
: Collega gli strumenti per sviluppatori al browser stesso.
== Note ==
Riga 13 ⟶ 83:
== Collegamenti esterni ==
* {{Collegamenti esterni}}
* {{
[[Categoria:Estensioni di Mozilla]]
[[Categoria:Estensioni software]]
| |||