Как проще посмотреть код html странички

Question

те, кто прочитали название темы, и хмыкнули "ну так нажми ctrl+U практически в любом браузере" — будут категорически неправы.

это сочетание кнопок показывает то, что пришло в браузер, а не то, что он показывает на самом деле.

Объясняю на пальцах:

берём простейший html документ

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>TEST</title>
</head>

<body>

<input id="test" type="text" value=""  />
<br><br>
<input type="button" id = "btn" value = "Нажми для чуда" onclick="change_text()">

</body>
</html>

<script>

    function change_text(){
        document.getElementById("test").value = 'Вот в чём разница';
        document.getElementById("btn").value = '';
    }

</script>

теперь открываем его в браузере. получаем, что логично, страничку:

жмём кнопку, и страничка принимает вид:

а теперь начинается фокус. жмём те самые ctrl+U, и видим...

исходный текст страницы! который вообще не соответствует изображению на ней.

при этом — если сохранить страничку на диск, и открыть каким-нить блокнотом, то мы получим абсолютно верный текст

<!DOCTYPE html>
<html lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="UTF-8">
    <title>TEST</title>
</head>

<body>

<input id="test" type="text" value="Вот в чём разница">
<br><br>
<input type="button" id="btn" value="" onclick="change_text()">




<script>

    function change_text(){
        document.getElementById("test").value = 'Вот в чём разница';
        document.getElementById("btn").value = '';
    }

</script>

</body></html>

и вот на этом месте уже можно вернуться к теме.

можно ли смотреть реальный код странички, не прибегая к "Save As"?

а то несколько геморно, а не видя изменений кода, весьма неудобно заниматься отладкой скриптов и всего такого

БЛОГ НА HUSL

Как проще посмотреть код html странички

Ответы (0 шт):