34

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

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

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

4 ответа4

27

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

Редактировать:

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

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

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

23
  1. откройте DevTools.
  2. откройте панель элементов.
  3. выберите HTML или тело или другой элемент, который вы хотите.
  4. открыть консоль от Esc.
  5. напишите $ 0.contentEditable = true

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

1

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

  1. выберите вкладку «Источники» на левой стороне
  2. щелкните правой кнопкой мыши на панели «Источники» и выберите «Добавить папку в рабочую область» и добавьте папку с исходным HTML-файлом.
  3. щелкните правой кнопкой мыши HTML-файл, который вы хотите отредактировать, и выберите «Карта для сетевого ресурса»
1

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

Всё ещё ищете ответ? Посмотрите другие вопросы с метками .