Расшифровка исходного кода страницы. Как посмотреть исходный код страницы и код элемента

Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».

Подписаться

Исходный код сайта – это совокупность HTML-разметки, CSS стилей и скриптов JavaScript, которые браузер получает от веб-сервера.

Больше видео на нашем канале - изучайте интернет-маркетинг с SEMANTICA

Его можно сравнить с набором команд, которые дает солдатам командир. Представьте, что зрители не видят и не слышат начальника. С их точки зрения военные самостоятельно выполняют действия. В нашем случае командир – это браузер, команды – это исходный код, а марширующие солдаты – это конечный результат.

Хранится сайт на веб-сервере, который отправляет страницу по запросу пользователя. Запрос – это ввод URL в строке адреса, щелчок по ссылке или нажатие на кнопку отправки данных в форме. Не важно, на каком языке написаны веб-страницы, включают ли они программную часть. Конечным результатом работы любого серверного алгоритма является набор html-тегов и текста.
Исходный код страницы – это набор данных, включающий в себя:

  • html-разметку;
  • стилевую таблицу или ссылку на файл ;
  • программы, написанные на JavaScript или ссылки на файлы с кодом.

Эти три раздела обрабатываются браузером. Для сервера это просто текст, который необходимо отправить в ответ на запрос.

Зачем нам может понадобиться изучать исходный код

Все, что мы увидим, мы сможем проанализировать и применить для решения тех или иных задач, которые возникают в ходе работы с сайтом, особенно при его оптимизации. Просмотрев исходный код, мы можем:

  • Увидеть мета-теги своего или чужого сайта для их анализа.
  • Увидеть наличие или отсутствие некоторых элементов на сайте: счетчиков, кодов идентификации в различных системах, определенных скриптов и прочего.
  • Узнать параметры элементов: размеры, цвета, шрифты.
  • Найти путь к фотографиям и другим элементам, располагающимся на странице.
  • Изучить ссылки со страницы.
  • Найти проблемы с кодом, мешающие в процессе оптимизации сайта: невынесенные в отдельные файлы стили, скрипты, невалидный код.

Это основные возможности, но на самом деле, умея читать код, вы сможете узнать о странице намного больше.

Как посмотреть исходный код сайта

Полностью в том виде, в каком он выложен на сервере, из браузера это сделать не удастся. А вот увидеть всю разметку можно, нажав на странице правую кнопку мыши. Здесь и далее на примере Google Chrome.

Выбираем опцию «Просмотр кода страницы» и получаем полный листинг в отдельной вкладке.

Это просто текст, который придется анализировать, чтобы понять. А вот получить интерактивный код можно с помощью инструментов разработчика.

Как найти исходный код страницы сайта

Нажимаем на значок меню в браузере. Чаще всего он находится справа и имеет вид трех точек или полосок.

В разделе дополнительных инструментов выбираем «Инструменты разработчика».

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

Во вкладке «Source» можно просмотреть содержимое некоторых файлов: скрипты, шрифты, изображения.

Во вкладке «Security» доступна проверка сертификата сайта.

Вкладка «Audits» поможет провести проверку выложенного на хостинг ресурса.

Если расположение панели справа неудобно, можно нажать три точки и поменять его, выбрав желаемый пункт.

Как посмотреть мета-теги

Каждый html-документ включает в себя теги структуры. Вот некоторые из них:

  1. Html – весь документ.
  2. Head – раздел служебных заголовков.
  3. Title – заголовок страницы (отображается на вкладке).
  4. Body – тело документа.
  5. H1-H6 – заголовки текста страницы.
  6. Article – статья.
  7. Section – раздел.
  8. Menu – меню.
  9. Div – блок.
  10. Span – строка.
  11. P – абзац.
  12. Table – таблица.

Элементы предназначены для логического разграничения разделов на странице, при необходимости они оформляются с помощью стилей. В них размещается текст, который так или иначе виден на странице. Но в теге Head присутствует служебная информация. Для ее указания служат мета-теги. Все что в них записано, предназначено для сервера и поисковых систем.

Их содержимое другим способом узнать невозможно.

Обратим внимание на тег Link. С его помощью указываются ссылки на внешние подключаемые файлы. При желании можно увидеть содержимое и сохранить на диск. Для этого наведите указатель на адрес и нажмите ПКМ. Выберите пункт «Open in new Tab».

В новой вкладке откроется указанный файл, который можно просмотреть или сохранить.

Как посмотреть исходный код страницы для отладки скрипта

В этом случае удобнее всего открывать страницу на локальной машине. Если необходимо только исправить разметку, стили и скрипты, то это можно делать прямо из папки. Html-код просматривается таким же образом. А вот ошибки кода JavaScript можно увидеть во вкладке «Console». Здесь показывает описание ошибки и номер строки, в которой она возникла.

Синтаксическую можно увидеть непосредственно в коде. Для этого предназначена вкладка «Source».

Как посмотреть код конкретного элемента

Для больших страниц с большим количеством элементов сложно найти нужный код во всей разметке. В таком случае следует воспользоваться специальной командой контекстного меню. Наведем мышь на фрагмент и нажмем ПКМ. Выберем команду «Просмотреть код».

Откроется то же окно, но с фокусировкой на выбранном объекте.

Резюме

Мы рассказали, что такое исходный код страницы. Достаточно освоить элементарные знания HTML и CSS, и пользуясь удобными инструментами разработчика, вы сможете проводить отладку своих собственных html-документов.

Просмотр кода ресурсов в интернете позволит вам учиться не только на собственном опыте, но и использовать реальные рабочие примеры. А для seo-специалистов будут полезны мета-теги, информация в которых может сказать о сайте многое.

Под всеми красивыми изображениями, совершенной типографией, и чудесно размещенными призывами к действию, расположен исходный код вашего сайта.

Ежедневно, этот код ваш браузер превращает во впечатляющие страницы для ваших посетителей и клиентов.

Google и другие поисковые системы «читают» этот код, чтобы определить, где ваши веб-страницы должны появиться в их индексах для данного поискового запроса.

Следовательно, очень большое значение для поисковой оптимизации (SEO) имеет то, что находится в исходном коде.

Это краткое руководство, продемонстрирует вам, как читать исходный код вашего сайта для того, чтобы вы были уверены, в правильности SEO и чтобы научить вас проверять ваши условия SEO.

Также рассмотрим несколько других ситуаций, когда знания, как просмотреть и изучить главные части исходного кода, помогут в других маркетинговых изысканиях.

Как просмотреть исходный код.

Первый шаг в проверке исходного кода вашего сайта, это посмотреть реальный исходный код. Любой веб-браузер позволяет сделать это легко.

Ниже перечислены клавиатурные команды для просмотра исходного кода вашей веб-страницы для PC и Mac .

  • Firefox — CTRL + U (Удерживая нажатой клавишу CTRL, нажмите клавишу»U») Кроме того, вы можете пойти в меню «Firefox», затем нажмите » Web Developer «, а затем» Исходный код страницы «.
  • Internet Explorer — CTRL + U. Или щелкните правой кнопкой мыши и выберите пункт «View Source».
  • Хром — CTRL + U. Вы можете нажать на изображение ключа с тремя горизонтальными линиями в правом верхнем углу. Затем нажмите на «Инструменты» и выберите «View Source».
  • Опера — CTRL + U. Вы также можете щелкнуть правой кнопкой на веб-странице и выбрать «Просмотр исходного кода страницы.»

Макинтош

  • Safari — сочетание клавиш Option + Command + U. Вы также можете щелкнуть правой кнопкой на веб-странице и выберите «Показать Page Source».
  • Firefox — Вы можете щелкнуть правой кнопкой и выберите пункт «исходный текст» или вы можете перемещаться в меню «Сервис», выберите «Web Developer», и нажмите «Page Source.» Сочетание клавиш Ctrl + U.
  • Хром — Перейдите в «Вид», затем нажмите «разработчик», а затем «View Source». Вы также можете щелкнуть правой кнопкой и выберать пункт «Просмотр исходного кода страницы.» Сочетание клавиш Option + Command + U.

После того, как вы знаете, как просмотреть исходный код, вы должны знать, как осуществить поиск в нем.

Как правило, одни и те же функции поиска, которые вы используете при нормальном просмотре веб-страниц, применяются и к поиску в исходном коде.

Команды, CTRL + F (найти) поможет Вам быстро просмотреть исходный код важных элементов SEO.

Теги заголовков.

Тег заголовка является самым главным элементом SEO. Это самое главное в исходном коде.

Если вы собираетесь взять одну лишь ценную вещь из этой статьи, обратите внимание на это:

Вы знаете, эти результаты Google предоставляет, когда вы ищете что-то.

Все эти результаты берутся из тегов заголовков веб-страниц. Так что, если у вас нет тегов заголовков в исходном коде, вы можете не появиться в Google (или в любой другой поисковой системе).

Верите или нет, я на самом деле видел веб-сайты без тегов заголовков. Давайте попробуем сделать быстрый поиск в Google для термина «Marketing Guides «. Что мы видим:

Вы можете видеть, первый результат поиска для блога KISSmetrics раздел Marketing Guides .

Если мы перейдем по ссылке первого результата поиска и просмотрим исходный код страницы, то можно увидеть в заголовке тег:

Тег заголовка обозначается открывающим тегом: </b>. и заканчивается закрывающим тегом: <b></ <i>title </i>> </b>. Тег заголовка, расположен как правило, в верхней части исходного кода в разделе <b><head> </b>. </i></p> <p>И мы видим, что содержание внутри тега заголовка соответствует тому, что используется в заголовке результата поиска Google.</p> <p>Но не только теги заголовков необходимы для того чтобы быть включенными в результаты поиска Google.</p> <p>Google еще и идентифицирует слова в тегах заголовков в качестве важных ключевых слов, которые, по его мнению актуальны для поиска пользователей.</p> <p>Так что если вы хотите получить определенное ранжирование веб-страницы для конкретной темы, то вам лучше убедиться, что слова, которые описывают предмет включены в тег заголовок. </p> <p>Существует целый ряд онлайновых ресурсов, где вы можете узнать больше о том, как <a href="/poiskovaya-sistema-bing-chto-vazhen-kontent-i-plotnost-klyuchevyh-slov/">ключевые слова</a> и теги заголовков играют важную роль в <a href="/mikroprocessory-referat-arhitektura-mikroprocessora--/">общей архитектуре</a> вашего сайта.</p> <p>Вот некоторые важные пункты, которые позволят вам помнить о важности ваших Тег заголовков:</p> <ul><li>Убедитесь, что у вас есть только один тег заголовка на веб-страницу.</li> <li>Убедитесь в том, что каждая веб-страница на сайте имеет свой тег заголовок.</li> <li>Убедитесь, что каждый тег заголовок на сайте уникален. Никогда не дублируйте контент определенного тега заголовка.</li> </ul><h3></h3> <p>Следующий <a href="/gde-stavit-heshtegi-v-instagramm-heshtegi-v-instagramm---samyi/">важный элемент</a> головной части вашей веб-страницы является мета-тег описания. </p> <p>Это фрагмент вашего контента из 160 символов, который отображается под вашим заголовком в поисковых системах. </p> <p><img src='https://i2.wp.com/infobiz-tools.com/wp-content/uploads/2014/02/read-website.png' height="511" width="500" loading=lazy></p> <p>Я видел сотни сайтов, которые полностью игнорируют этот тег. </span><span>Его очень легко найти в исходном коде: </p> <p><img src='https://i2.wp.com/infobiz-tools.com/wp-content/uploads/2014/02/how-read1.png' width="100%" loading=lazy></p> <p>Таким образом, проверьте и убедитесь, что этот тег присутствует на всех веб-страницах вашего сайта. Что еще более важно, убедитесь, что вы не дублируете его на нескольких страницах.</p> <p>Дублирование мета-тег описания не пинальти для <a href="/kakie-byvayut-poiskovye-sistemy-kakie-est-poiskovye-sistemy/">поисковой системы</a>, но это очень большая маркетинговая ошибка.</p> <p>Многие игнорируют мета тег описания, но вы действительно должны поработать в этом направлении, потому что он считывается поисковой системой.</p> <p>Подумайте о том, что мета-тег описания будет помощью привлечь больше посетителей и увеличить целевые переходы на сайт.</p> <p>Как изменить код элемента на сайте — для начала нужно узнать в каком файле находится этот код. Есть много способов, но опишу один, наиболее мне приглянувшийся и который использую сам.</p> <p>Вы можете увидеть код нужного элемента нажав правой кнопкой мыши и исследовать его или посмотреть исходный код страницы. Во всех браузерах аналогичный способ, для каждого существуют определённые дополнения, осуществляющие эти процессы.</p> <p>Каждому что-то удобно или нет — этот вопрос обсуждать не будем. Наша задача — найти файл с расположенным кодом.</p> <h2>Как найти файл:</h2> <p>Я использую <a href="/failovyi-menedzher-android-vybiraem-luchshii-failovyi-menedzher-i/">файловый менеджер</a> <a href="/plaginy-total-commander-rasshiryaem-funkcionalnost-total-commander/">Total Commander</a>. Нахожу это очень удобным методом.</p> <p>Итак, например мы нашли элемент, подсветив его в браузере и увидели, что он заключен в <<span>div <span>class =»wpb_wrapper « </span>> </p> <p>Для начала лучше скопировать папку с вашим сайтом с сервера и расположить её в удобном месте, рабочий стол к примеру.</p> <p>Копируем <<span>div <span>class =»wpb_wrapper « </span>> </span> и открываем Commander. Выбираем инструменты — поиск</p> <p>Место поиска — выбираете ранее сохранённую папку с сайтом. Ставите галочку с текстом и вводите искомый <div> или что вам нужно.</p> <p>Программа выдаст расположение всех файлов, в которых он присутствует. Как изменить код сайта — вы уже знаете какой файл нужно редактировать.</p> <p>Если на сервере нет редактора — меняете на компьютере и загружаете по FTP.</p> <p>Экспериментируйте, сокращайте или увеличивайте запрос — найдётся всё, но не стоит искать динамически подгружаемые данные. Естественно они не покажутся.</p> <p>Также с помощью браузера изменяются и стили. Подсветили, увидели номер строки, открыли файл стилей и ввели <a href="/chto-takoe-funkciya-srznach-v-excel-i-dlya-chego-ona-nuzhna-raschet-srednego/">нужное значение</a>. Успехов!</p> <ul><p>Думаю что никак, может быть будучи опытным хакером кто-то и занимается тем что меняет HTML-код на чужой странице и тем самым получает доступ к ней, а вот законопослушным пользователям это сделать совсем не просто, да и не стоит в общем.</p> <p><b>HTML-код страницы ВКонтакте </b> изменить можно.</p> <p>Но вс дело в том, что загрузить изменнную Web-страницу на хостинг вы не сможете - у вас же нет никакого доступа к ftp.</p> <p>А так, можно нажать комбинацию <b>Ctrl + U </b> (Опция Просмотр кода страницы). Откроется код страницы, вы можете скопировать его в любой редактор и отредактировать.</p> <p>Также можно нажать комбинацию <b>Ctrl + S </b> (Опция Сохранить на компьютер). Web-страница загрузится на ваш жсткий диск. При этом, помимо самой страницы, загрузятся все изображения и скрипты, которые на ней используются.</p> <p>Советую воспользоваться удобным html-редактором Notepad++. После его установки на компьютер выбираете в <a href="/udalit-dobavit-v-biblioteku-iz-kontekstnogo-menyu-nastraivaem/">контекстном меню</a> файла пункт Edit with Notepad++ и редактируете с помощью редактора вс, что вам необходимо!</p> <p>Многие пользуется этим для <a href="/vidy-svyazi-i-ih-harakteristiki-uslovnye-znakisredstv-svyazi/">различного рода</a> розыгрышей (подделка переписки, увеличение количество подписчиков, входящих сообщений и тд), а также и в мошеннических целях.</p><p>Сначала вы заходите на ту страничку, которую и собираетесь изменять (редактировать html - код).</p> <p>Далее жмите на клавишу F12 или же сразу наведите курсор мышки на тот элемент, который и хотите поменять. Далее кликаете правой кнопкой мыши и в появившемся окне выбираете пункт Просмотр кода элемента.</p> <li><ol><li>Заходим на станицу в контакте, которую и будем менять.</li> </ol><ol><li>Нажимаем F12, наводя мышку на <a href="/elementy-yandeksa-dlya-internet-explorer-chto-eto-za-programma-i-nuzhna-li-ona/">нужный элемент</a>, нажимаем правую кнопку мыши и выбираем просмотр кода элемента.</li> </ol><p>Меняем правой кнопкой мыши, находим пункт <b>Edit as Html </b>.</p> <p><img src='https://i2.wp.com/info-4all.ru/images/b1921e66d37530e8a6efb4c800dfe829.jpg' width="100%" loading=lazy></p> <p>На скриине видно, что изменилась аватарка.</p> <ol><li>Меняем имя.</li> </ol><p><img src='https://i1.wp.com/info-4all.ru/images/c967300214e00ba6f128af59bc5c7cd9.jpg' width="100%" loading=lazy></p> <p><img src='https://i2.wp.com/info-4all.ru/images/b178ae42285f3f592916be150f5ac305.jpg' width="100%" loading=lazy></p> <p><img src='https://i1.wp.com/info-4all.ru/images/6f98dc6f8e07bbea5070ca6908393e83.jpg' width="100%" loading=lazy></p> <p>Результат.</p> <p><img src='https://i1.wp.com/info-4all.ru/images/b5873665d90cd67279e98e701150bfaf.jpg' width="100%" loading=lazy></p></li> <p>Вы не сможете изменить html-код Вконтакте на самом хостинге Вк, пока менеджер компании не устроит вас программистом.</p> <p>Но вы можете просмотреть код страницы и скопировать его в редактор Wordepad, откуда и будете редактировать html. Для этого нажмите в браузере правой кнопкой мыши и нажмите Просмотр кода страницы.</p> <p><b>HTML код </b> это самый <a href="/glavnye-yazyki-programmirovaniya-kompyuternye-yazyki-programmirovaniya/">главный язык</a> разметки для разных документов.Все файлы,которые написаны кодом HTML имеют свое расширение такое как-.html или же.htm .Данный код можно открыть в любом вашем <a href="/dlya-obrabotki-tekstovoi-informacii-na-kompyutere-ispolzuyutsya-tekstovye/">текстовом редакторе</a>, а также существуют <a href="/propala-sistemnaya-pamyat-android-zapolnena-lenovo-p780-ispolzovanie/">специальные приложения</a> для веб-мастеров.</p> <p><img src='https://i1.wp.com/info-4all.ru/images/e969c343f0d8883abc73d9327bcd0747.jpg' width="100%" loading=lazy></p> <p>В браузере нужно перейти туда,где вы хотите исправить код,потом нужно открыть код нужной вам страницы для просмотра. Для этого нужно выбрать пункт меню в браузере.</p> <p>А потом уже можно его отредактировать в редакторе.</p> <p>Код открыли, а он не редактируется.</p> <p>Правильно вы его его видите в режиме просмотра.</p> <p>А вот чтобы редактировать нужно совсем немного, логин и пароль к доступу на правах администратора сайта Вконтакте - но где ж вы его возьмете?</p> <p>Открыть исходный код страницы вы, конечно, сможете. И даже отредактировать его. Но сохранить его на сервер не получится. Только на собственный компьютер.</p> <p>Более того. Подобные сайты не состоят из <a href="/kod-prostoi-stranicy-html-chto-takoe-html-kod-stranicy/">страниц HTML</a>. Они динамически верстаются по шаблону из базы данных так, как это запрограммировано. Ваш браузер отправляет запрос на сервер. Там запускается <a href="/skript-prosmotr-izobrazhenii-v-uvelichennom-vide-php-skripty-fotoalbomov-galerei/">скрипт php</a> (например), который собирает необходимые данные воедино и отдат их браузеру под видом HTML. Браузер это кушает и показывает страницу, как будто бы она изначально состояла из того HTML-кода, который слепил ему скрипт.</p> <p>Изменить HTML- код страницы в контакте просто.</p> <p>Открываете <a href="/oznachaet-h1-kak-proverit-nalichie-h1-na-stranice-zachem-nuzhny-podzagolovki/">нужную страницу</a>. В меню браузера ищете пункт Показать исходный код (может быть по-другому). Браузер откроет HTML код страницы. Выделяете все, копируете, вставляете в <a href="/sravnit-dva-tekstovyh-dokumenta-kak-sravnit-soderzhimoe-dvuh-tekstovyh/">текстовый документ</a>, и можете изменять.</p> <p>Вот только что вам это даст? Обратно на сайт вы его не засунете. Страница на сайте останется такой же.</p> <p>А такое разве реально? Это же чужой сайт. Как там можно изменить структуру сайта? Пологаю что ни как, если только не взломать его</p> </ul> <h3>Ctrl + U</h3> <h3>Как посмотреть исходный код элемента?</h3> <p>Нажмите правую кнопку мыши на интересующем элементе страницы.</p> <p>Google Chrome : <b>“Просмотр кода элемента” </b></p> <p>Opera : <b>“Проинспектировать элемент” </b></p> <p><img src='https://i2.wp.com/wordpress-life.ru/wp-content/uploads/2013/10/code_opera.png' height="402" width="261" loading=lazy></p> <p>FireFox : <b>“Анализировать элемент” </b></p> <p><img src='https://i0.wp.com/wordpress-life.ru/wp-content/uploads/2013/10/code_firefox.png' height="298" width="222" loading=lazy></p> <p>В других браузерах ищите подобный по смыслу пункт меню.</p> <p>Всем привет!</p> <p>Специально вначале статьи выложил всю суть, для тех, кто ищет быстрый ответ.</p> <p>Информация может быть многим известна, но поскольку пишу для начинающих блоггеров, веб-программистов и прочих старателей, то эта справочная статья обязательно должна присутствовать.</p> <p>В будущем вы обязательно будете изучать исходный код страниц и отдельных элементов.</p> <p>Давайте посмотрим на <a href="/blok-pitaniya-bbk-dvd-shema-zamena-bloka-pitaniya-dvd-itak-remont-dvd-pleera/">конкретном примере</a> как можно использовать просмотр исходного кода страницы.</p> <p>Например, мы хотим посмотреть какие ключевые слова (keywords) используются для <a href="/statistika-konkretnoi-stranicy-v-yandeks-metrike-kak-uznat/">конкретной страницы</a>. Заходим на интересующую нас веб-страницу и нажимаем Ctrl+U . В отдельном окне или в <a href="/chto-takoe-hrom-v-kompyutere-kak-polzovatsya-gugl-hrom-google-chrome-vse-po/">отдельной закладке</a> откроется исходный код данной страницы. Нажимаем Ctrl+F <span>для поиска фрагмента кода. В <a href="/internet-s-postoplatnoi-sistemoi-mezhdunarodnyi-rouming-tarificiruetsya-v-dannom-sluchae-soglasno-dru/">данном случае</a> печатаем в окне поиска слово “<i>keywords”. </i>Вас автоматически перебросит на фрагмент кода с этим мета-тегом и выделит искомое слово. </p> <p>По аналогии можно искать и изучать другие фрагменты кода.</p> <p>Просмотр всего исходного кода страницы в большинстве случаев не очень удобен, поэтому во всех браузерах существует возможность просмотреть код <a href="/ne-zagruzhaetsya-rabochii-esli-rabochii-stol-zavisaet-slishkom-chasto/">отдельного элемента</a> или фрагмента.</p> <p>Давайте применим на конкретном примере просмотр кода элемента. Например, посмотрим есть ли у ссылки <a href="/ispolzovanie-meta-tegov-i-drugih-html-elementov-kak-pravilno/">атрибут nofollow</a> . Нажимаем правой кнопкой мыши на интересующей нас ссылке и в выпадающем контекстном меню левой кнопкой кликаем по пункту <span>“Просмотр кода элемента” </span> или подобному (в зависимости от вашего браузера). Внизу, в <a href="/goryachaya-klavisha-vybrat-vse-kombinacii-klavish-dlya-raboty-s-dialogovymi/">специальном окне</a> для анализа кода, получаем нечто подобное.</p> <p>Мы видим, что в коде ссылки присутствует rel=”nofollow” . Это значит, что по этой ссылке не будет “утекать” и PR. Об этом подробней поговорим в следующих статьях. Сейчас же важно то, что вы теперь знаете как посмотреть исходный код страницы и исходный код отдельного элемента.</p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy>");</script> </article> <div id="disqus_thread"> <div id="dsq-content"> <ul id="dsq-comments"> <li class="comment even thread-even depth-1" id="dsq-comment-2"> <div id="dsq-comment-header-2" class="dsq-comment-header"> <cite id="dsq-cite-2"> <span id="dsq-author-user-2">Сергей Савенков</span> </cite> </div> <div id="dsq-comment-body-2" class="dsq-comment-body"> <div id="dsq-comment-message-2" class="dsq-comment-message"> <p>какой то “куцый” обзор… как будто спешили куда то</p> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="wpb_column vc_column_container td-pb-span4"> <div class="vc_column-inner "> <div class="wpb_wrapper"> <div class="wpb_widgetised_column wpb_content_element"> <div class="wpb_wrapper"> <div class="td-a-rec td-a-rec-id-sidebar td-rec-hide-on-p "> <div id="adriver_banner_1494422254"></div> </div> <div class="td-a-rec td-a-rec-id-custom_ad_1 td-rec-hide-on-p "> <div> </div> <div id='div-gpt-ad-1491821174306-2' style='height:600px; width:300px;'> </div> </div> <div class="td-a-rec td-a-rec-id-custom_ad_2 td-rec-hide-on-p "> <div> </div> <div id='div-gpt-ad-1491821174306-3' style='height:600px; width:300px;'> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="td-footer-wrapper td-footer-template-14"> <div class="td-container td-footer-bottom-full"> <div class="td-pb-row"> <div class="td-pb-span3"> <aside class="footer-logo-wrap"><a href="/"><img class="td-retina-data" src="/uploads/logo.png" data-retina="/wp-content/uploads/2017/02/logo_544x180_bw.png" alt="Техника. Новости. Телефоны. Ноутбуки. Сравнение. Windows" title="Техника. Новости. Телефоны. Ноутбуки. Сравнение. Windows"/ loading=lazy></a></aside> </div> <div class="td-pb-span5"> <aside class="footer-text-wrap"> <div class="block-title"><span>Общая информация</span></div>.</aside> </div> <div class="td-pb-span4"> <aside class="footer-social-wrap td-social-style-2"> <div class="block-title"><span>Сайт в социальных сетей</span></div> <span class="td-social-icon-wrap"> <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://danykom.ru/rasshifrovka-ishodnogo-koda-stranicy-kak-posmotret-ishodnyi-kod/" title="Facebook"> <i class="td-icon-font td-icon-facebook"></i> </a> </span> <span class="td-social-icon-wrap"> <a target="_blank" href="" title="Instagram"> <i class="td-icon-font td-icon-instagram"></i> </a> </span> <span class="td-social-icon-wrap"> <a target="_blank" href="" title="RSS"> <i class="td-icon-font td-icon-rss"></i> </a> </span></aside> </div> </div> </div> </div> <div class="td-sub-footer-container"> <div class="td-container"> <div class="td-pb-row"> <div class="td-pb-span7 td-sub-footer-menu"> <div class="menu-td-demo-footer-menu-container"> <ul id="menu-td-demo-footer-menu" class="td-subfooter-menu"> </ul> </div> </div> <div class="td-pb-span5 td-sub-footer-copy"> © 2024 Техника. Новости. Телефоны. Ноутбуки. Сравнение. Windows </div> </div> </div> </div> </div> <link rel='stylesheet' id='css-5-css' href='/wp-content/mmr/ffba0e2b-1516146715.min.css' type='text/css' media='all' /> <script type='text/javascript' src='https://danykom.ru/wp-content/mmr/4ab436a1-1516146715.min.js'></script> <script> (function() { var html_jquery_obj = jQuery('html'); if (html_jquery_obj.length && (html_jquery_obj.is('.ie8') || html_jquery_obj.is('.ie9'))) { var path = '/wp-content/themes/Newspaper/style.css'; jQuery.get(path, function(data) { var str_split_separator = '#td_css_split_separator'; var arr_splits = data.split(str_split_separator); var arr_length = arr_splits.length; if (arr_length > 1) { var dir_path = '/wp-content/themes/Newspaper'; var splited_css = ''; for (var i = 0; i < arr_length; i++) { if (i > 0) { arr_splits[i] = str_split_separator + ' ' + arr_splits[i]; } //jQuery('head').append('<style>' + arr_splits[i] + '</style>'); var formated_str = arr_splits[i].replace(/\surl\(\'(?!data\:)/gi, function regex_function(str) { return ' url(\'' + dir_path + '/' + str.replace(/url\(\'/gi, '').replace(/^\s+|\s+$/gm, ''); }); splited_css += "<style>" + formated_str + "</style>"; } var td_theme_css = jQuery('link#td-theme-css'); if (td_theme_css.length) { td_theme_css.after(splited_css); } } }); } })(); </script> </body> </html>