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

Редактирование исходного кода HTML с помощью Google Chrome

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

Как это сделать с Google Chrome?

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

Ответы (4)

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

Ctrl+Shift+I or F12 -> Элементы, он должен показать ваш источник. Щелкните правой кнопкой мыши по любому элементу и нажмите 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-вентилятор для коммита.
Источник
23
23
23
2010-09-28 09:48:35 +0000
  1. откройте DevTools.
  2. откройте панель Elements.
  3. выберите html или body или другой элемент, который вам нужен.
  4. откройте консоль Esc.
  5. напишите $0.contentEditable = true

теперь вы можете редактировать текст на странице и перемещать изображения, но это не то, что вы действительно хотите :)
Источник
1
1
1
2014-08-15 13:39:52 +0000

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

  1. выберите закладку ‘Sources’ с левой стороны
  2. щелкните правой кнопкой мыши на панели ‘Sources’ и выберите ‘Add folder to workspace’ and add folder with source HTML file
  3. щелкните правой кнопкой мыши на html файл, который вы хотите редактировать, и выберите ‘map to network resource’.
Источник
1
1
1
2013-02-02 16:31:20 +0000

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

Источник

Похожие вопросы

16
Как очистить/промыть DNS кэш в Google Chrome? 926
1
Как удалить одну или все автозаполненные текстовые записи в Chrome? 438
18
Как заставить Chrome перестать кэшировать редиректы? 427
10
Как остановить автоматическое перенаправление с "http://" на "https://" в Chrome 406
7
Как получить доступ к сетевой папке в Ubuntu с помощью терминала 16