2010-09-26 11:23:50 +0000 2010-09-26 11:23:50 +0000
34
34

Edycja kodu źródłowego HTML za pomocą Google Chrome

W Internet Explorerze mogę otworzyć lokalny plik .html i edytować go wybierając “Źródło” w menu “Widok”, dokonać szybkiej zmiany, a następnie “Odświeżyć” (przeładować) stronę internetową.

Jak mogę to zrobić za pomocą Google Chrome?

Czy mogę otworzyć plik .html w Notatniku Windows? (Lubię notatnik, ponieważ jest naprawdę szybki).
Источник

Ответы (4)

27
27
27
2010-09-26 11:40:16 +0000

Ctrl+Shift+I or F12 -> Elementy, To powinno pokazać twoje źródło. Kliknij prawym przyciskiem myszy na dowolny element i kliknij Edit as HTML

Edit:

Istnieją pewne rozszerzenia, które wyglądają tak, jak chcesz: https://chrome.google.com/extensions/search?itemlang=&q=editor

ChromeEditor Live WebSite Editor <HTML..> or </HTML> wyglądają obiecująco.

Dodane przez barlop widzę, że (po ctrl-shift-I / F12), kliknięcie prawym przyciskiem myszy na tag &007 i kliknięcie “edit as html” pozwala mi edytować w dowolnym miejscu wewnątrz niego. Wybranie znacznika otwierającego oznacza, że wyskakujące okienko do edycji obejmuje po prostu całe źródło html, które tam jest - co jest bardzo schludne pod względem przestrzeni podczas edycji. Wybór znacznika zamykającego może być użyteczny, ponieważ wyskakujące okienko pojawia się pod html, więc widzisz przed/po. Albo lepiej, jak mówi benjamin, F2 do edycji, ctrl-enter do zaangażowania.
Источник
23
23
23
2010-09-28 09:48:35 +0000
  1. open DevTools.
  2. open Elements panel.
  3. select html lub body or another element you want.
  4. open console by Esc.
  5. write $0.contentEditable = true

now you can edit text on the page and move images but it is not that you really want :)
Источник
1
1
1
2014-08-15 13:39:52 +0000

Jeśli chcesz edytować plik jako źródło html (a nie poszczególne elementy) możesz wykonać następujące czynności:

  1. wybrać zakładkę “Źródła” po lewej stronie
  2. kliknąć prawym przyciskiem myszy w okienku “Źródła” i wybrać “Dodaj folder do obszaru roboczego” i dodać folder ze źródłowym plikiem HTML
  3. kliknąć prawym przyciskiem myszy plik html, który chcesz edytować i wybrać “mapę do zasobów sieciowych”.
Источник
1
1
1
2013-02-02 16:31:20 +0000

Możesz spróbować tego InlineEditor do edycji i zapisywania statycznej html na stronach przeglądarki tutaj jest demo

Источник