HabboLife Forum
Vuoi reagire a questo messaggio? Crea un account in pochi click o accedi per continuare.

HabboLife ForumAccedi

Habbolife Forum è un fansite ufficiale di Habbo hotel. Rimani aggiornato sulle notizie di questo magnifico mondo virtuale e sugli ultimi argomenti di attualità!

descriptionGli strumenti per sviluppatori di Google Chrome EmptyGli strumenti per sviluppatori di Google Chrome

more_horiz
Salve,

In questa semplice guida ti spiegherò brevemente una semplice cosa interessante, che riguarda il mondo dell'informatica. Se non sei un esperto ed oggi vuoi imparare qualcosa di nuovo, 
non ti resta che seguire questa brevissima guida  Gli strumenti per sviluppatori di Google Chrome 2595762641

L'argomento che tratterò oggi è: L'estensione Sviluppatori di Google Chrome.


Tra gli strumenti disponibili nel menu di Google Chrome, la voce Strumenti per sviluppatori è probabilmente la più importante e utile, almeno per chiunque sia interessato anche al “dietro le quinte” di una pagina. Come il nome stesso suggerisce, questa voce raccoglie una serie di strumenti, pensati principalmente per chi si occupa di produrre pagine o applicazioni web, ma in linea generale possono essere utili e interessanti anche per chi non si sognerebbe mai di diventare uno sviluppatore, ma vuole solo saperne un po’ di più e vedere come funzionano le cose.

Gli strumenti disponibili sono otto e descriverli tutti quanti in un colpo solo occuperebbe troppo spazio: per semplificare il mio lavoro, dunque, li dividerò arbitrariamente e li descriverò un poco alla volta. Partirò oggi dalle due schede che, probabilmente, saranno usate più spesso: Elements e Console, ossia la prima e l’ultima nell'ordine in cui Google Chrome ce le offre.

Gli strumenti per sviluppatori di Google Chrome Chrome+a

Elements è la scheda in cui possiamo esaminare il contenuto effettivo della pagina che abbiamo davanti: più precisamente, ne possiamo esaminare il contenuto finale. Nel menu di Chrome esiste già una funzione “Visualizza sorgente”, che ci mostra il codice di una pagina: la scheda Elements è simile, ma non identica. Visualizzando il codice sorgente, infatti, noi vediamo il contenuto del file HTML originario, senza le modifiche che possono essere state effettuate utilizzando il JavaScript; la scheda Elements, invece, ci mostra il codice della pagina finale, dopo che tutte le modifiche tramite JavaScript sono state applicate. Inoltre, sempre da qui possiamo anche esaminare il CSS per ogni componente della pagina, nella colonna di destra della scheda.

Una buona norma della programmazione web prescrive che il contenuto di una pagina sia sempre e comunque accessibile, anche per chi ha disabilitato il JavaScript: se questa norma fosse sempre rispettata, la visualizzazione del codice sorgente dovrebbe mostrarci già tutto il testo, tutte le immagini e tutti gli altri elementi contenuti in una pagina. Come la maggior parte delle buone norme, però, non sempre è rispettata alla lettera; di conseguenza, una parte più o meno cospicua del contenuto, in molti siti, è aggiunta successivamente col JavaScript. Sempre attraverso il JavaScript, parti della pagina possono essere nascoste o mostrate, modificando il CSS corrispondente, col risultato che la pagina davanti a noi è spesso molto diversa, rispetto al contenuto descritto nel file HTML iniziale.

Elements ci mostra dunque un file HTML virtuale, che descrive la pagina così come ci appare sullo schermo in questo momento. Se una immagine è stata aggiunta col JavaScript, Elements ce la mostrerà nel punto in cui è stata aggiunta, con tutti i tag HTML e tutte le regole di stile che le sono state assegnate, proprio come se avesse fatto parte fin dall’inizio della pagina. Se una parte della pagina è stata invece nascosta, in seguito a una qualche nostra azione, non la vedremo apparire in questa sezione.

Come è facile da intuire, Elements è molto utile per esaminare il contenuto della pagina, sia mentre noi ci stiamo lavorando, sia quando siamo curiosi di studiare il lavoro altrui, ma questa è solo una parte delle sue funzioni. Oltre a guardare, infatti, in questa scheda possiamo anche modificare il contenuto di una pagina, in modo molto semplice. O almeno, molto semplice se sappiamo orientarci tra i nodi di una pagina HTML e se conosciamo HTML e CSS: dopotutto, questi si chiamano “strumenti per sviluppatori” e la conoscenza dei linguaggi per la programmazione web è data per scontata, essendo rivolti agli sviluppatori di pagine e siti. Non ci piace il colore dello sfondo, oppure il colore dei caratteri? Da qui lo possiamo modificare. Clicchiamo prima col tasto sinistro del mouse sul nodo da modificare e poi, nella colonna di sinistra, cerchiamo la proprietà CSS che ci interessa e clicchiamola col tasto sinistro: in questo modo, la potremo modificare a nostro piacimento.

Se invece clicchiamo su un elemento HTML col tasto destro del mouse, si aprirà un menu contestuale, in cui ci saranno offerte altre possibilità di intervento: ad esempio, potremo modificare lo HTML, selezionando la voce “Edit as HTML”, oppure rimuovere quel particolare nodo dalla pagina, selezionando “Delete node” (se un banner vi ha rotto le scatole, potrete cancellarlo da qui). Eliminare un nodo, ad esempio, può essere un sistema rapido, per levarsi dai piedi quei fastidiosi avvisi, che impediscono di leggere una pagina fino a che non avete cliccato “Mi piace” su una pagina Facebook, oppure fino a che non vi siete registrati e cose simili.

Ovviamente, ogni modifica apportata alla pagina varrà soltanto per noi: ciò che modifichiamo è la copia locale, caricata nel nostro browser, e non la pagina originale, contenuta nel sito. Nonostante questo, è pur sempre uno strumento valido, per adattare le pagine ai nostri gusti o per rapidi interventi di correzione, oltre alle sue normali funzioni di studio ed esame della pagina.


[justify]
Console :


Forse adesso con questa breve guida avrai imparato un qualcosa
Magari qualcuno sapeva già... Però è sempre giusto fare un ripasso
L'informatica è un mondo ancora non del tutto scoperto, ma imparando qualcosina ogni tanto ti aiuterà
a conoscere una minima parte di ciò che ci circonda.

E comunque si! non c'è la mia fonte anche perché mi sono permesso di pubblicare l'argomento solamente Qui.

Vi ringrazio per il breve tempo che mi avete dedicato. Saluti.

descriptionGli strumenti per sviluppatori di Google Chrome EmptyRe: Gli strumenti per sviluppatori di Google Chrome

more_horiz
Ottimo! Gli strumenti per sviluppatori di Google Chrome 2966605638

descriptionGli strumenti per sviluppatori di Google Chrome EmptyRe: Gli strumenti per sviluppatori di Google Chrome

more_horiz
grazie

descriptionGli strumenti per sviluppatori di Google Chrome EmptyRe: Gli strumenti per sviluppatori di Google Chrome

more_horiz
grazie

descriptionGli strumenti per sviluppatori di Google Chrome EmptyRe: Gli strumenti per sviluppatori di Google Chrome

more_horiz
Molto interessante

descriptionGli strumenti per sviluppatori di Google Chrome EmptyRe: Gli strumenti per sviluppatori di Google Chrome

more_horiz
Io uso firebug per firefox

descriptionGli strumenti per sviluppatori di Google Chrome EmptyRe: Gli strumenti per sviluppatori di Google Chrome

more_horiz
Bene!
privacy_tip Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.
power_settings_newAccedi per rispondere