Редактирование исходного кода HTML в Google Chrome

в Internet Explorer я могу открыть локальный .html файл и редактировать его, выбрав "источник" в меню "Вид"," сделать быстрое изменение, а затем "обновить" (перезагрузить) веб-страницы.

Как я могу сделать это с помощью Google Chrome?

могу я иметь .html-файл открыть в блокноте Windows? (Мне нравится Блокнот, потому что он очень быстрый.)

23
задан Randolf Richardson
20.05.2023 0:57 Количество просмотров материала 2555
Распечатать страницу

4 ответа

Ctrl+Shift+I or F12 -> элементы, он должен показать свой источник. Щелкните правой кнопкой мыши на любом элементе и нажмите Edit as HTML

Edit:

есть некоторые расширения, которые выглядят как то, что вы хотите: https://chrome.google.com/extensions/search?itemlang=&q=editor

ChromeEditor & Live WebSite Editor выглядят многообещающими.

добавлено barlop

Я вижу ,что (после ctrl-shift-I / F12), щелкните правой кнопкой мыши <HTML..> or </HTML> тег и нажмите "Редактировать как html". позволяет редактировать в любом месте. Выбор открывающего тега означает, что всплывающее окно для редактирования просто покрывает весь источник html, который там есть, что очень аккуратно с точки зрения пространства при редактировании. Выбор закрывающего тега может быть полезен, поскольку всплывающее окно появляется под html, поэтому вы видите до / после. Или лучше, как говорит Бенджамин, F2 для редактирования, ctrl-enter для фиксации.

27
отвечен Casual Coder 2023-05-21 08:45
  1. открыть DevTools.
  2. откройте панель элементов.
  3. выбрать HTML или body или другой элемент, который вы хотите.
  4. открыть консоль Esc.
  5. пишем $0.contentEditable = true

теперь вы можете редактировать текст на странице и перемещать изображения, но это не то, что вы действительно хотите:)

23
отвечен loislo 2023-05-21 11:02

вы можете попробовать этот InlineEditor для редактирования и сохранения статического html в страницах браузера вот demo

1
отвечен Misha Kobrin 2023-05-21 13:19

Если вы хотите редактировать файл как источник html (а не отдельные элементы), вы можете сделать следующее:

  1. выберите вкладку "источники" на левой стороне
  2. щелкните правой кнопкой мыши на панели "источники" и выберите "Добавить папку в рабочую область" и добавить папку с исходным HTML-файлом
  3. щелкните правой кнопкой мыши html-файл, который вы хотите изменить, и выберите "map to network resource"
1
отвечен Paul Troon 2023-05-21 15:36

Постоянная ссылка на данную страницу: [ Скопировать ссылку | Сгенерировать QR-код ]

Ваш ответ

Опубликуйте как Гость или авторизуйтесь

Имя
Вверх