Почему в файле Chrome существует разница между файлом index.hmtl и разделом элемента view?

Question

Я использую основной файл JavaScript для игры.Я пытаюсь изменить имя игрока класса div, чтобы настроить его, но по какой-то причине, когда я изменяю текст, он не обновляется до экрана.В этом примере нет текста, записанного в элементе div в файле HTML на странице источников. Все же слова отображаются на экране.Когда я щелкаю правой кнопкой мыши на элементе и просматриваю исходный текст страницы, появляется текст, который я не написал.Это ошибка в Chrome или я упускаю что-то очевидное?

У меня есть 1) очищенная история кэширования в Chrome 2) выход и перезапуск Chrome 3) выход и перезапуск возвышенного текста.4) прочитайте этот пост, но без везения. Инструменты разработчика Chrome кэшируют старую версию файлов JavaScript

Answer 1

Чтобы предотвратить перехват, добавьте следующие строки в ваш HTML-код под тегом Head:

<meta http-equiv="Cache-Control" content="no-store, no-cache, must-revalidate" />
<meta expires="Sat, 26 Jul 1997 05:00:00 GMT" />
<meta pragma="no-cache" />

Кстати, знаете ли вы, что для очистки страницы тестовой страницы вы можете долго нажимать кнопку «Перезагрузить» и выбратьпоследний вариант?это при открытом DevTools.

Answer 2

На вкладке Элементы отображается текущее состояние DOM.Это обновление, поскольку сценарии вносят изменения в DOM.

На вкладке «Источники» отображается только исходный код, который был проанализирован при загрузке файлов.Он также будет включать в себя все, что было добавлено в поток исходного кода document.write() во время загрузки (я подозреваю, что если вы позже откроете документ с помощью document.write(), это заменит это, но я не подтвердил это).Но изменения, внесенные в DOM скриптами после загрузки страницы, здесь не отображаются, они не являются частью исходного кода страницы.