Come creare screenshot di siti Web falsi con Firebug

Quando pensi a screenshot falsi o modificati, probabilmente ti vengono in mente programmi come Photoshop. Non sono mai stato molto creativo per quanto riguarda il design e il lavoro grafico, quindi per me è quasi fuori questione. Se stai cercando di scambiare i volti in un'immagine, dovrai imparare come usare programmi del genere. Se stai cercando di fare qualcosa come cambiare il testo in una conversazione su Facebook, non è necessario. Tutto ciò di cui hai bisogno è Firebug e una chiave PrtScrn.

Firebug è disponibile per tutti i principali browser Come installare Firebug su IE, Safari, Chrome e Opera Come installare Firebug su IE, Safari, Chrome e Opera Ulteriori informazioni: IE6 +, Firefox, Opera, Safari e Chrome. In questo esempio, ti mostrerò un tutorial su come usarlo per il suo browser nativo, Firefox. Cosa è Firebug? Firebug è un componente aggiuntivo del browser che ti permette di modificare, eseguire il debug e monitorare i CSS I prossimi passi sulla strada per diventare un maestro Jedi CSS I prossimi passi sulla strada per diventare un CSS Jedi Master CSS è assolutamente uno dei più importanti le tecnologie in giro oggi su Internet, e mentre la maggior parte delle persone ammette di conoscere un po 'di HTML, generalmente non sappiamo nulla dei CSS. L'ultima volta che ti ho presentato ... Leggi altro, HTML e JavaScript. Per manipolare le pagine web come ti mostrerò oggi, non avrai bisogno di conoscere nessuna di queste lingue.

Installare Firebug

L'installazione è incredibilmente facile. Vai al sito ufficiale per scaricare il componente aggiuntivo [Non più disponibile]. Da lì, seleziona il tuo browser (Firefox preferito, in modo che seguire più avanti è più facile). Installa il componente aggiuntivo e riavvia il browser, se necessario.

Usando Firebug

Al momento dell'installazione di Firebug, per impostazione predefinita, l'icona dovrebbe essere visualizzata nella barra dei componenti aggiuntivi, nel menu Strumenti e possibilmente nel menu di scelta rapida. Fai clic sull'icona nella barra del componente aggiuntivo e vedrai una nuova scheda pop-up nella parte inferiore dello schermo.

Quello che vedi qui è una visualizzazione HTML degli elementi della pagina web su cui ti trovi. In questo esempio, è la pagina di download di Firebug sui componenti aggiuntivi di Firefox. Se sei interessato a utilizzare Firebug per gli scopi più comuni, sentiti libero di curiosare tra le schede e avere un'idea delle sue funzionalità.

Il pulsante che ho evidenziato in quella schermata è lo strumento di ispezione. Questo è lo strumento che useremo. Fai clic su quel pulsante e poi noterai che ogni area di testo al passaggio del mouse verrà evidenziata nella vista della pagina web e quindi evidenziata nella vista HTML di Firebug.

Cambiare il testo

Clicca sul blocco di testo che vuoi manipolare. Vedrai che il testo è stato selezionato nella vista HTML di Firebug. Da lì, fai doppio clic sulla riga di codice HTML che include il testo che desideri modificare. Puoi iniziare a digitare quello che vuoi.

Mentre digiti, vedrai che gli aggiornamenti di anteprima sono pubblicati sulla pagina web.

Fantastico, giusto? È particolarmente semplice grazie al modo in cui Firebug ti consente di isolare il testo non elaborato dall'HTML incartato. In questo modo, tutti gli elementi HTML, gli stili CSS e altri elementi visivi importanti vengono conservati in modo che assomiglino alla copia reale.

Quando ti senti più a tuo agio con Firebug, o se conosci già l'HTML, troverai altrettanto semplice modificare altri elementi in-page, come le immagini. Le possibilità sono infinite e sono sicuro che stai già inventando modi in cui puoi usare e abusare di questo piccolo trucco.

Fatemi sapere cosa ne pensate di questo piccolo suggerimento e condividete i vostri modi creativi per utilizzarlo nei commenti!

Scopri di più su: HTML, Mozilla Firefox, Screen Capture, WYSIWYG Editors.