Czy wiesz, że możesz edytować tekst na stronie internetowej bezpośrednio w przeglądarce internetowej? Zgadza się. Strony internetowe można tylko czytać, ale kopię lokalną możesz edytować w przeglądarce, nawet jeśli nie jesteś właścicielem witryny. Może to być dobry sposób na naprawienie błędów, wypróbowanie narzędzi dla programistów lub wprowadzenie drobnych zmian w celu poprawy komfortu przeglądania, gdy jesteś jeszcze w drodze. Użyj przeglądarki Chrome, Safari, Firefox, Microsoft Edge lub Opera, aby edytować dowolną stronę internetową.
Jak edytować tekst na stronie internetowej
Wszystkie najnowsze przeglądarki mają narzędzia programistyczne. Często są to grupy narzędzi otwierających wewnętrzny panel programistyczny przeglądarki internetowej, umożliwiający edycję tego, na co patrzysz. Ogólnie rzecz biorąc, narzędzia programistyczne umożliwiają edycję kodu HTML, CSS, JavaScript i DOM, dzięki czemu można patrzeć na treść pod różnymi kątami. Twórcy stron internetowych, marketerzy cyfrowi, autorzy treści i wszyscy inni, którzy lubią korzystać z Internetu, muszą mieć możliwość edytowania tekstu. Na przykład dobrym pomysłem dla programisty internetowego jest edytowanie tekstu, aby móc od razu przetestować nowe nagłówki strony docelowej. Dziel się pomysłami z klientami i pozwól im wybrać to, czego chcą. Dzięki temu zaoszczędzisz czas i łatwiej będzie wam ze sobą rozmawiać.
Co więcej, może pomóc Ci pominąć prywatne informacje podczas robienia zrzutów ekranu w celu udostępnienia klientom. Cóż, jeśli jesteś autorem treści, edytowanie tekstu na stronie internetowej może pomóc Ci wymyślić i napisać wiele różnych skryptów, zanim wybierzesz najlepszy. Jako marketer cyfrowy możliwość edytowania tekstu na dowolnej stronie internetowej może dostarczyć przydatnych informacji, które pomogą Ci zwiększyć wysiłki SEO. Cóż, można go wykorzystać jako tajną broń do poznania słów kluczowych używanych przez konkurencję. Najpierw przyjrzyjmy się, jak edytować tekst w witrynie internetowej za pomocą przeglądarki Chrome.
Jak edytować tekst na stronie internetowej w przeglądarce Chrome
Ludzie lubią Chrome, ponieważ jest szybki, prosty i dobrze współpracuje z aplikacjami Google. Można z niej korzystać na większej liczbie urządzeń niż z jakiejkolwiek innej przeglądarki. Dotyczy to komputerów Mac, PC, Chromebooków, urządzeń z systemem Android, iPhone’ów, telefonów z systemem Windows i wszelkich innych urządzeń, na których można uruchomić nowoczesną przeglądarkę internetową. Popularność przeglądarki Google Chrome można częściowo przypisać funkcji Inspect Element, która pozwala edytować tekst na dowolnej stronie internetowej, nawet jeśli nie jest ona Twoja. Nie ma znaczenia, jeśli zmiany wprowadzasz tylko na krótki czas. Może to być dobry sposób na naprawienie błędów i natychmiastowe przetestowanie nowych pomysłów. Jak to działa:
1 – Otwórz przeglądarkę Chrome i przejdź do interesującej Cię strony internetowej.
2 – W prawym górnym rogu ekranu znajdują się trzy małe kropki. Kliknij na nie.
3 – Strzałka do przodu znajduje się obok „Więcej narzędzi”. Kliknij na to.
4 – Jeśli pojawi się wyskakujące okienko, wybierz „Narzędzia dla programistów”. Powinno to otworzyć panel o nazwie „Elementy” po prawej stronie okna przeglądarki, w którym możesz zmienić kod źródłowy strony. Ponadto istnieje sposób na zwiększenie czytelności: możesz przeciągnąć każdy róg ramki, aby ją powiększyć.
5 – Teraz kliknij ikonę kursora w lewym górnym rogu panelu inspektora.
6 – Wybierz tekst, który chcesz zmienić w „normalnej” części przeglądarki. Spowoduje to automatyczne podświetlenie odpowiedniego kodu w panelu inspektora.
7 – Kliknij prawym przyciskiem myszy kod, który chcesz zmienić i wybierz „Edytuj jako HTML” z menu podręcznego. Spowoduje to otwarcie okna edytora, w którym możesz edytować tekst według własnego uznania.
8 – Po zakończeniu edycji zamknij okno edytora, klikając przycisk „X” w prawym górnym rogu.
Zrobione! Teraz edytowana strona powinna być widoczna w oknie przeglądarki. Mimo że to narzędzie działa tak dobrze, nikt nie pomyślałby, że coś zostało zmodyfikowane. Możesz także zrobić zrzuty ekranu edytowanej strony internetowej, aby wszystko wyglądało czysto i realnie. Zawsze jednak możesz wrócić do poprzedniego stanu, po prostu odświeżając lub ponownie ładując stronę.
Jak edytować tekst na stronie internetowej w przeglądarce Firefox
Dobra wiadomość dla fanów Firefoksa jest taka, że mamy dobrą wiadomość. Możesz także edytować dowolny tekst na dowolnej stronie internetowej w dowolnym miejscu za pomocą zaledwie kilku kliknięć. Oto jak to zrobić:
1 – Otwórz przeglądarkę Firefox i przejdź do interesującej strony internetowej.
2 – W prawym górnym rogu przeglądarki kliknij trzy poziome linie i z menu rozwijanego wybierz „Więcej narzędzi”.
3 – Teraz kliknij „Narzędzia dla programistów”. Cóż, powinno to otworzyć panel inspektora na dole okna przeglądarki, gdzie możesz sprawdzić kod źródłowy strony internetowej i wprowadzić wiele zmian, w tym edytować tekst
4 – Ikona kursora znajduje się w lewym górnym rogu panelu inspektora. Kliknij na to
5 – Teraz użyj kursora, aby podświetlić tekst, który chcesz zmodyfikować. Cóż, zrób to w głównej części strony, nad panelem inspektora. Spowoduje to automatyczne podświetlenie odpowiedniego kodu w panelu inspektora.
6 – Następnie kliknij prawym przyciskiem myszy podświetlony kod i wybierz „Edytuj jako HTML”.
7 – Śmiało edytuj tekst według własnego uznania. Cóż, możesz usunąć wszystko, co Ci się nie podoba, zaznaczając to i naciskając Backspace.
8 – Na koniec, kiedy dokonasz wszystkich żądanych zmian, kliknij gdziekolwiek poza polem edytora tekstu i zamknij panel inspektora, klikając przycisk „X” w prawym górnym rogu.
Wykonanie tych kroków powinno spowodować wyświetlenie wszystkich zmian na stronie. Aby wprowadzić więcej zmian lub zmodyfikować swoje edycje, wykonaj powyższe kroki, aby ponownie otworzyć okno edytora tekstu.
Jak edytować tekst na stronie internetowej w przeglądarce Safari
W ten sam sposób, w jaki Chrome i Firefox mają narzędzia, które pozwalają zmienić lokalną wersję dowolnej strony internetowej w Internecie, Safari ma to samo. Jak to działa:
#1: Włącz menu rozwijania Safari
W przeglądarce Safari, zanim będziesz mógł edytować jakikolwiek tekst, musisz otworzyć „Menu rozwijania” przeglądarki. Aby to zrobić:
1 – Przejdź do menu „Safari” u góry ekranu. Następnie wybierz „Preferencje”.
2 – Z menu rozwijanego wybierz „Zaawansowane”.
3 – Teraz zaznacz pole obok „Pokaż menu rozwijania na pasku menu”.
#2: Znajdź tekst, który chcesz zmodyfikować
Istnieje wiele witryn internetowych, które warto przejrzeć. Najpierw musisz otworzyć stronę, którą chcesz zmienić, i kliknąć ją. Następnie zaznacz tekst, który chcesz edytować.
#3: Otwórz element inspekcji
Z wyskakującego menu wybierz opcję „Sprawdź element”. Gdy pojawi się okno Sprawdź element, powinno pojawić się nowe okno z dużą ilością kodu.
#4: Modyfikuj tekst
Możesz teraz zastąpić zaznaczony tekst tekstem, który chcesz go zastąpić. Na przykład „Enter”, gdy skończysz z oknem Sprawdź element i chcesz z niego wyjść. Tekst powinien teraz znajdować się na stronie internetowej.
Jak edytować tekst na stronie internetowej w Edge
Przeglądarka wbudowana w system Windows 10 o nazwie Microsoft Edge ma o wiele więcej funkcji niż Internet Explorer dostarczany z systemem Windows 10. Warto zauważyć, że ma większą moc niż silnik swojego poprzednika. Ma lepszą wydajność JavaScript i może używać WebGL do tworzenia interaktywnych grafik na twoim komputerze. Co najważniejsze, Edge umożliwia edycję tekstu na stronach internetowych. Jak to działa:
1 – Otwórz Edge i przejdź do interesującej Cię strony internetowej.
2 – W prawym górnym rogu przeglądarki kliknij trzy małe kropki.
3 – Z wyświetlonego menu rozwijanego wybierz „Więcej narzędzi”.
4 – Wybierz „Narzędzia dla programistów” z podmenu. To powinno otworzyć DevTools, drogę przeglądarki do jej wewnętrznego panelu programistycznego.
5 – Kliknij ikonę kursora w lewym górnym rogu, gdy otworzy się okno DevTools.
6 – Teraz użyj kursora, aby podświetlić tekst, który chcesz zmodyfikować. Wszystko podświetlone w przeglądarce zostanie również podświetlone w oknie DevTools.
7 – Jeśli podświetlony jest kod, który chcesz wybrać, kliknij go prawym przyciskiem myszy i wybierz „Edytuj jako HTML”.
8 – Możesz teraz modyfikować tekst według własnego uznania.
9 – Aby zamknąć okna DevTools i edytora tekstu, kliknij dowolne miejsce na zewnątrz. Następnie kliknij ikonę „X” w prawym górnym rogu.
Jak edytować tekst na stronie internetowej w Operze
Mimo że Opera była początkowo używana na urządzeniach mobilnych, obecnie jest dostępna na komputery PC i Mac. Nie ma znaczenia, czy używasz Opery jako przeglądarki. Nadal możesz edytować tekst na stronach internetowych w całym Internecie. Oto jak to zrobić:
1 – Skopiuj i wklej zaznaczony poniżej tekst na pasku zakładek.
javascript:document.body.contentEditable = „true”; document.designMode=’wł.’; nieważne 0
2 – Znajdź na stronie internetowej tekst, który chcesz edytować.
3 – Teraz kliknij zakładkę u góry przeglądarki. Ta strona powinna mieć kursor na ekranie, który powinien umożliwiać edycję całego tekstu na tej stronie.
Jeśli chcesz wrócić do oryginalnego tekstu, musisz przeładować stronę.
Podsumowanie:
Prawie wszystkie główne przeglądarki internetowe mają narzędzia, które mogą pomóc w edycji czegokolwiek na stronie internetowej. Narzędzia te nazywane są „narzędziami programistycznymi”. Może to być świetny sposób na przetestowanie nowych pomysłów, naprawienie błędów i wprowadzenie zmian poprawiających czytelność. Wspaniałą rzeczą jest to, że nie potrzebujesz doświadczenia w HTML ani tworzeniu stron internetowych. Pamiętaj, że żadna ze zmian nie będzie trwała. Przycisk odświeżania przeniesie Cię z powrotem do oryginalnego tekstu. Serwer niczego nie przywraca. Czy próbowałeś edytować tekst w witrynie internetowej za pomocą którejkolwiek metody opisanej w tym artykule? Nieźle poszło. Daj nam znać, co myślisz w komentarzach poniżej.
