Редактирование исходного кода HTML с Google Chrome
В Internet Explorer я могу открыть локальный .html файл и отредактировать его путем выбора "Источника" в меню "View"", вносят изменение с переодеванием и затем "Обновление" (перезагрузка) веб-страница.
Как я могу сделать это с Google Chrome?
У меня может быть .html файл, открытый в Windows Notepad? (Мне нравится блокнот, потому что это действительно быстро.)
2 ответа
Ctrl+Shift+I or F12 -> Элементы, Это должно показать Ваш источник. Щелкните правой кнопкой по любому элементу и щелчку Edit as HTML
Править:
Существуют некоторые расширения, которые похожи на то, что Вы хотите: https://chrome.google.com/extensions/search? itemlang =&q=editor
ChromeEditor & Live WebSite Editor выглядите многообещающими.
Добавленный barlop
Я вижу что (после ctrl-shift-I / F12), щелкая правой кнопкой <HTML..> or </HTML> тег и нажатие "edit as html". позволяет мне редактировать где угодно в нем. Выбор открывающего тэга означает, что всплывающее окно для редактирования просто касается всего источника HTML, который это там - который очень аккуратен с точки зрения пространства при редактировании. Выбор закрывающего тэга мог бы быть полезным, поскольку всплывающее окно затем появляется под HTML, таким образом, Вы видите прежде/после того, как. Или лучше, поскольку benjamin говорит, F2 для редактирования, ctrl-enter для фиксации.
- откройте DevTools.
- открытая панель Elements.
- выберите HTML или тело или другой элемент, который Вы хотите.
- открытая консоль Esc.
- запишите $0.contentEditable = верный
теперь можно отредактировать текст на странице и переместить изображения, но не то, чтобы Вы действительно хотите :)