Невозможно отредактировать HTML-код в инструментах разработчика Chrome. Вкладка «Источники»

Question

У меня есть вопрос noob о панели «Источники» в инструментах dev: когда на вкладке «Элементы» я вижу свой CSS справа. Я нажимаю на CSS-файл, и я попал на вкладку «Источники», где я могу сделать живые изменения. Я могу поднять JS и сделать то же самое, но ... Если я подниму файл HTML, я не могу внести какие-либо изменения в HTML. Почему это? Это по дизайну? Что мне не хватает?

Answer 1

После загрузки DOM браузер не использует исходный источник, поскольку DOM может быть изменен на лету Javascript. Если вы хотите внести живые изменения в DOM, вы можете сделать это на вкладке «Элементы». Щелкните правой кнопкой мыши элемент или атрибут, и есть варианты для его редактирования.

Answer 2

Если я правильно понимаю, вы пытаетесь редактировать левую часть источника. Попробуйте дважды щелкнуть по позиции, когда вы хотите отредактировать код, или щелкните правой кнопкой мыши и нажмите «Редактировать как HTML».