Jak tworzyć fałszywe zrzuty ekranu z Firebug

Kiedy myślisz o sfałszowanych lub edytowanych zrzutach ekranu, programy takie jak Photoshop prawdopodobnie pojawiają się w twoim umyśle. Nigdy nie byłem bardzo kreatywny, jeśli chodzi o projektowanie i grafikę, więc prawie dla mnie to nie wchodzi w rachubę. Jeśli próbujesz zamienić twarze na zdjęciu, musisz nauczyć się korzystać z takich programów. Jeśli próbujesz zmienić coś w rozmowie na Facebooku, nie ma takiej potrzeby. Wszystko czego potrzebujesz to Firebug i klucz PrtScrn.

Firebug jest dostępny dla każdej głównej przeglądarki Jak zainstalować Firebug na IE, Safari, Chrome i Opera Jak zainstalować Firebug na IE, Safari, Chrome i Opera: IE6 +, Firefox, Opera, Safari i Chrome. W tym przykładzie poprowadzę cię przez samouczek, jak używać go w jego natywnej przeglądarce Firefox. Czym jest Firebug? Firebug to dodatek do przeglądarki, który pozwala edytować, debugować i monitorować CSS Następne kroki na drodze do zostania mistrzem Jedi CSS Następne kroki na drodze do zostania mistrzem Jedi CSS CSS jest absolutnie jednym z najważniejszych technologie w Internecie dzisiaj i chociaż większość ludzi przyznaje się do znajomości małego HTML, ogólnie nie mamy pojęcia o CSS. Ostatnim razem przedstawiłem Ci…, HTML i JavaScript. Aby manipulować stronami internetowymi, które zamierzam wam dzisiaj pokazać, nie będziecie musieli znać żadnego z tych języków.

Instalowanie Firebug

Instalacja jest niezwykle łatwa. Przejdź na oficjalną stronę internetową, aby pobrać dodatek [No Longer Available]. Stamtąd wybierz swoją przeglądarkę (preferowany Firefox, aby śledzenie było łatwiejsze). Zainstaluj dodatek i uruchom ponownie przeglądarkę, jeśli to konieczne.

Korzystanie z Firebug

Po zainstalowaniu Firebug domyślnie ikona powinna być wyświetlana na pasku dodatkowym, w menu Narzędzia i ewentualnie w menu kontekstowym. Kliknij ikonę na pasku dodatkowym, a na dole ekranu pojawi się nowa karta.

To, co tu widzisz, to widok HTML elementów strony, na której jesteś. W tym przykładzie jest to strona pobierania Firebug na dodatkach do Firefoksa [Nie jest już dostępna]. Jeśli chcesz użyć Firebuga do bardziej typowych celów, możesz przekopać się po kartach i zapoznać się z jego funkcjami.

Przycisk, który zaznaczyłem na tym zrzucie ekranu, to narzędzie inspekcji. To narzędzie, którego będziemy używać. Kliknij ten przycisk, a zauważysz, że każdy obszar najechanego kursorem zostanie podświetlony w widoku strony internetowej, a następnie podświetlony w widoku HTML Firebug.

Zmiana tekstu

Kliknij blok tekstu, którym chcesz manipulować. Zobaczysz, że tekst został zaznaczony w widoku HTML Firebug. Następnie kliknij dwukrotnie linię HTML zawierającą tekst, który chcesz zmienić. Możesz zacząć pisać, co chcesz.

Podczas pisania zobaczysz, że aktualizacje podglądu są dostępne na stronie internetowej.

Fajnie, prawda? Jest to szczególnie łatwe ze względu na sposób, w jaki Firebug pozwala izolować surowy tekst od opakowanego HTML. W ten sposób wszystkie elementy HTML, style CSS i inne ważne elementy wizualne zostają zachowane, dzięki czemu wygląda jak prawdziwa kopia.

Gdy poczujesz się bardziej komfortowo z Firebug lub jeśli znasz już HTML, z łatwością zmienisz inne elementy na stronie, takie jak obrazy. Możliwości są nieskończone i jestem pewien, że już wymyśliłeś sposoby na wykorzystanie i nadużywanie tej małej sztuczki.

Daj mi znać, co myślisz o tej małej wskazówce, i podziel się swoimi pomysłowymi sposobami wykorzystania jej w komentarzach!