So erstellen Sie gefälschte Website-Screenshots mit Firebug

Wenn Sie an gefälschte oder bearbeitete Screenshots denken, kommen Ihnen Programme wie Photoshop wahrscheinlich in den Sinn. Ich war noch nie sehr kreativ, wenn es um Design und grafische Arbeit geht. Das kommt für mich fast nicht in Frage. Wenn Sie versuchen, Gesichter in einem Bild auszutauschen, müssen Sie lernen, mit solchen Programmen umzugehen. Wenn Sie versuchen, den Text in einer Facebook-Konversation zu ändern, ist dies nicht erforderlich. Sie benötigen lediglich Firebug und einen PrtScrn-Schlüssel.

Firebug ist für alle gängigen Browser verfügbar. So installieren Sie Firebug auf IE, Safari, Chrome und Opera. So installieren Sie Firebug auf IE, Safari, Chrome und Opera. Weitere Informationen: IE6 +, Firefox, Opera, Safari und Chrome. In diesem Beispiel werde ich Sie durch ein Lernprogramm führen, in dem beschrieben wird, wie Sie es für seinen Browser Firefox verwenden können. Was ist aber Firebug? Firebug ist ein Browser-Add-On, mit dem Sie CSS bearbeiten, debuggen und überwachen können. Die nächsten Schritte auf dem Weg zum CSS-Jedi-Meister Die nächsten Schritte auf dem Weg zum CSS-CSS Jedi-Master CSS ist absolut einer der wichtigsten Heute gibt es Technologien im Internet, und obwohl die meisten Leute zugeben, ein wenig HTML zu kennen, sind wir im Allgemeinen ahnungslos über CSS. Letztes Mal habe ich Sie vorgestellt ... Lesen Sie mehr, HTML und JavaScript. Um Webseiten so zu manipulieren, wie ich sie Ihnen heute zeigen werde, brauchen Sie keine dieser Sprachen zu kennen.

Firebug installieren

Die Installation ist unglaublich einfach. Besuchen Sie die offizielle Website, um das Add-On [Nicht mehr erhältlich] herunterzuladen. Wählen Sie dort Ihren Browser aus (Firefox bevorzugt, damit das Mitverfolgen einfacher wird). Installieren Sie das Add-On und starten Sie Ihren Browser ggf. neu.

Firebug verwenden

Bei der Installation von Firebug sollte das Symbol standardmäßig in der Add-On-Leiste, im Menü Extras und möglicherweise im Kontextmenü angezeigt werden. Klicken Sie in der Add-On-Leiste auf das Symbol. Daraufhin wird eine neue Registerkarte am unteren Bildschirmrand angezeigt.

Was Sie hier sehen, ist eine HTML-Ansicht der Elemente der Webseite, auf der Sie sich befinden. In diesem Beispiel handelt es sich um die Firebug-Downloadseite für Firefox-Add-Ons. Wenn Sie sich für die Verwendung von Firebug für die üblicheren Zwecke interessieren, können Sie die Registerkarten durchblättern und sich ein Bild von den Funktionen machen.

Die Schaltfläche, die ich in diesem Screenshot markiert habe, ist das Inspect-Tool. Dies ist das Werkzeug, das wir verwenden werden. Klicken Sie auf diese Schaltfläche, und Sie werden feststellen, dass jeder Textbereich, über den Sie den Mauszeiger bewegen, in der Webseitenansicht hervorgehoben und anschließend in der HTML-Ansicht von Firebug hervorgehoben wird.

Text ändern

Klicken Sie auf den Textblock, den Sie bearbeiten möchten. Sie sehen, dass der Text in der HTML-Ansicht von Firebug ausgewählt wurde. Doppelklicken Sie dort auf die HTML-Zeile, die den zu ändernden Text enthält. Sie können mit der Eingabe beginnen, was Sie möchten.

Während der Eingabe sehen Sie, dass die Vorschau auf der Webseite live aktualisiert wird.

Cool, richtig? Dies ist besonders einfach, da Sie mit Firebug rohen Text von umschlossenem HTML-Code isolieren können. Auf diese Weise bleiben alle HTML-Elemente, CSS-Stile und andere wichtige Darstellungen erhalten, sodass sie wie eine echte Kopie aussehen.

Wenn Sie sich mit Firebug vertraut fühlen oder HTML bereits kennen, können Sie andere On-Page-Elemente wie Bilder einfach ändern. Die Möglichkeiten sind ziemlich grenzenlos und ich bin mir sicher, dass Sie bereits Möglichkeiten finden, wie Sie diesen kleinen Trick nutzen und missbrauchen können.

Lassen Sie mich wissen, was Sie über diesen kleinen Tipp denken, und teilen Sie Ihre kreativen Möglichkeiten mit, wie Sie ihn in den Kommentaren verwenden können!

Erfahren Sie mehr über: HTML, Mozilla Firefox, Screen Capture und WYSIWYG-Editoren.