Я могу дважды щелкнуть атрибуты и изменить их в инспекторе Google Chrome. Я могу добавить CSS, я могу добавить Javascript на консоль. Но могу ли я добавить HTML?
Как вставить элемент HTML в инспектор Google Chrome?
Ответ 1
Щелкните правой кнопкой мыши элемент в инспекторе и выберите "Редактировать как HTML".
Затем вы можете добавить любой HTML-код внутри него.
Предупреждение:, это уничтожит элемент со всеми его потомками и затем воссоздает их, как только вы закончите редактирование HTML. Любые прослушиватели событий, установленные на любом из этих элементов, больше не будут работать, и любые ссылки, которые могут возникнуть для любого из этих элементов, будут потеряны.
Если вам нужно сохранить элементы в живых, вам придется делать это программно. После выбора элемента, который вы хотите отредактировать, перейдите на консоль и программно добавьте нужный элемент. Внутри консоли вы можете ссылаться на выбранный элемент по имени переменной $0. Например, если вы хотите добавить div к текущему выбранному элементу, введите его в консоль:
$0.appendChild(document.createElement('div'));