Jak edytować swoją stronę w przeglądarce …A potem oszczędzaj!

wszyscy tam byliśmy:

wpatrując się w Twoją stronę i wpadając w obsesję na punkcie kilku drobiazgów, które po prostu nie wydają się „właściwe”.

może chodzi o tekst, czcionkę, odstępy, kolory lub coś innego.

tak czy inaczej, chciałbyś po prostu dokonać szybkiej edycji i nacisnąć Zapisz, gdy wszystko wygląda idealnie.

dobrą wiadomością jest to, że nowoczesne przeglądarki (takie jak Chrome, Firefox i Safari) oferują kilka sposobów na podgląd prostych zmian na dowolnej stronie internetowej. Tak, każda strona. Nawet te, które nie są Twoje!,

oznacza to, że możesz modyfikować HTML i CSS (znany również jako kod źródłowy) bezpośrednio w przeglądarce.

pamiętaj, że modyfikuje to tylko lokalną wersję na twoim komputerze i nie przepisuje niczego na serwerze. To tylko zapowiedź.

ale czekaj, to nie wszystko!

istnieje teraz sposób na dokonywanie zmian w witrynie za pomocą narzędzi programistycznych przeglądarki, które mogą być trwale zapisane na serwerze, więc czytaj dalej!

oto krok po kroku proces edycji strony internetowej za pomocą Google Chrome.,

jak edytować stronę internetową za pomocą narzędzi programistycznych

  • otwórz dowolną stronę internetową za pomocą Chrome i najedź kursorem myszy na obiekt, który chcesz edytować (np. tekst, przyciski lub obrazy).
  • kliknij obiekt prawym przyciskiem myszy i wybierz „Inspect” z menu kontekstowego.Narzędzia programistyczne zostaną otwarte w dolnej części ekranu, a wybrany element zostanie podświetlony w interfejsie, znanym również jako DOM.
  • Kliknij dwukrotnie wybrany obiekt i przełączy się on w tryb edycji., Możesz zastąpić atrybuty tekstu lub stylu (np. kolory, czcionki, odstępy), a następnie kliknąć poza DOM, aby zastosować zmiany.
  • użyj skrótu „Znajdź”, aby pomóc Ci wyszukać określone atrybuty tekstu lub stylu. („CMD + F „na komputerze Mac lub” CTRL + F ” na komputerze PC)

Edytuj tekst dowolnej strony internetowej za pomocą naszej podręcznej książeczki

  • zaznacz pogrubione poniżej:
    javascript:document.ciało.contentEditable = 'true'; document.designMode = 'on'; void 0
  • przeciągnij zaznaczony tekst na pasek zakładek.,
  • kliknij ikonę, gdy chcesz edytować tekst na stronie!

teraz, gdy wiesz, jak zmodyfikować dowolną stronę, wróćmy do tego, co najważniejsze.

jak edytować swoją stronę i zapisywać zmiany

To nie może być prostsze. Jeśli Twoja witryna jest zbudowana i hostowana z PageCloud, możesz użyć narzędzi programistycznych przeglądarki, aby dokonać trwałych zmian na dowolnej stronie internetowej.

Korzystanie z narzędzi programistycznych z PageCloud:

  • Zaloguj się do PageCloud.,
  • przejdź do strony na swojej stronie, którą chcesz zmodyfikować.
  • kliknij na symbol 'Edytuj stronę' w prawym dolnym rogu. Jeśli go nie widzisz, odśwież stronę. („CMD + R” na Macu lub „CTRL + R” na PC).
  • Po załadowaniu edytora wykonaj następujące czynności.
  • naciśnij zapisz w edytorze lub użyj skrótu: („CMD + S” na komputerze Mac lub „CTRL + S” na komputerze PC).

łatwe prawda?

a może jakieś jeszcze lepsze wiadomości? Możesz ominąć narzędzia programistyczne i po prostu wprowadzić zmiany bezpośrednio w edytorze.,

PageCloud pozwala całkowicie dostosować strony bez konieczności wchodzenia w kod źródłowy. Wystarczy kliknąć i edytować za pomocą palety. Jeśli nigdy nie napisałeś kodu, będzie to znacznie bardziej przyjazny dla użytkownika interfejs!

Sprawdź, jak zbudować profesjonalną stronę internetową, aby uzyskać więcej wskazówek na temat tworzenia strony internetowej z PageCloud

Jeśli jesteś programistą i chcesz przenieść swoją stronę na wyższy poziom, możesz uzyskać dostęp do edytora JavaScript za pomocą skrótu „J + S” po zalogowaniu się do Edytora Stron PageCloud.

nigdy nie słyszałeś o PageCloud?,

wypróbuj go za darmo już dziś i zbuduj własną stronę internetową, która oferuje pełną swobodę wprowadzania wszystkich zmian, które chcesz! Zarejestruj się na bezpłatny okres próbny i zacznij korzystać z PageCloud!

Share

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *