Download as txt, pdf, or txt
Download as txt, pdf, or txt
You are on page 1of 14

<!

DOCTYPE html>
<html lang="uk">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<meta http-equiv="Content-type" content="text/html; charset=utf-8" />


<meta name="description" content="Для перегляду і редагування елементів, з яких
складається сторінка інтернету, користувачеві слід скористатися вбудованими
інструментами перегляду HTML-коду."> <link rel="icon"
href="https://uk.soringpcrepair.com/favicon.ico">

<title>
Як виїбати осла </title>

<!-- Bootstrap core CSS -->


<link rel="preload"
href="https://stackpath.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
as="style" onload="this.rel='stylesheet'" integrity="sha384-
BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous">
<noscript><link
href="https://stackpath.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
rel="stylesheet" integrity="sha384-
BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous"></noscript>

<!-- Awesome font CSS -->


<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-
awesome.min.css" rel="stylesheet">

<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->

<!-- Custom XL SIZE -->


<link href="https://uk.soringpcrepair.com/dist/css/custom.css"
rel="stylesheet">

<!-- Custom styles for this template -->


<link href="https://uk.soringpcrepair.com/dist/css/xl.css" rel="stylesheet">
<!-- G.Code -->
<script async
src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-1909794400664541",
enable_page_level_ads: true
});
</script>

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media
queries -->
<!--[if lt IE 9]>
<script
src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css"
href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css"
/>
<script
src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></
script>
<script>
window.addEventListener("load", function(){
window.cookieconsent.initialise({
"palette": {
"popup": {
"background": "#edeff5",
"text": "#838391"
},
"button": {
"background": "#4b81e8"
}
},
"theme": "classic",
"position": "bottom-right",
"content": {
"message": "https://uk.soringpcrepair.com uses cookies. By continuing to use
this website, you agree to their use. To find out more, including how to control
cookies, see here:",
"href": "https://uk.soringpcrepair.com/privacy-policy.php",
"dismiss": "Close and accept",
"link": "Privacy policy"
}
})});
</script>
</head>

<body>

<nav class="navbar navbar-default navbar-fixed-top">


<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-
toggle="collapse" data-target="#navbar" aria-expanded="false" aria-
controls="navbar">
<span class="sr-only">Переключити навігацію</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="https://uk.soringpcrepair.com/"><img
src="https://uk.soringpcrepair.com/img/logo3.png" height="30"> </a>
</div>

<div id="navbar" class="collapse navbar-collapse js-navbar-collapse">


<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-
toggle="dropdown">Windows<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a
href="https://uk.soringpcrepair.com/category/Члени большие/">Члени большие</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/Члени большие/">члени
маленькіє</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/Вагіни/">член Артьома</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/пеніси/">Вагіни</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/dll/">DLL</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/choose-program/">вибираємо гей
секс</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/reviews-programs/">оглад
вагін</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/file-extensions/">Діма даун</a></li>
</ul>

</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Інші
операційні системи<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a
href="https://uk.soringpcrepair.com/category/android/">Android</a></li>

<li><a
href="https://uk.soringpcrepair.com/category/ios/">iOS</a></li>

<li><a
href="https://uk.soringpcrepair.com/category/linux/">Linux</a></li>
</ul>
</li>
<li class="dropdown dropdown-lg">
<a href="#" class="dropdown-toggle" data-
toggle="dropdown">Робота в програмах<b class="caret"></b></a>
<ul class="dropdown-menu dropdown-menu-lg row col-md-6">
<li class="col-sm-6">
<ul>
<li><a
href="https://uk.soringpcrepair.com/category/word/">Word</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/excel/">Excel</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/photoshop/">Photoshop</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/google-chrome/">Google Chrome</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/yandex-browser/">Яндекс
Браузер</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/steam/">Steam</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/mozilla-firefox/">Mozilla
Firefox</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/opera/">Opera</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/avast/">Avast</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/adobe-flash-player/">Adobe Flash
Player</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/apple-id/">Apple ID</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/autocad/">AutoCAD</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/bluestacks/">BlueStacks</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/hamachi/">Hamachi</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/internet-explorer/">Internet
Explorer</a></li>
</ul>
</li>
<li class="col-sm-6">
<ul>
<li><a
href="https://uk.soringpcrepair.com/category/itunes/">iTunes</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/origin/">Origin</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/outlook/">Outlook</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/play-market/">Play Market</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/powerpoint/">PowerPoint</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/skype/">Skype</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/teamviewer/">TeamViewer</a></li>

<li><a href="https://uk.soringpcrepair.com/category/ultraiso/">UltraISO</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/utorrent/">uTorrent</a></li>

<li><a href="https://uk.soringpcrepair.com/category/virtualbox/">VirtualBox</a></
li>
<li><a
href="https://uk.soringpcrepair.com/category/webmoney/">Webmoney</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/torrent/">торрент</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/yandex-disk/">Яндекс Диск</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/browser-extension/">Розширення для
браузерів</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/how-to-do/">Як зробити</a></li>
</ul>
</li>
</ul>

</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-
toggle="dropdown">Інтернет<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a
href="https://uk.soringpcrepair.com/category/online-services/">Онлайн-сервіси</
a></li>
<li><a
href="https://uk.soringpcrepair.com/category/vkontakte/">Вконтакте</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/odnoklassniki/">Однокласники</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/mail/">Пошта</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/yandex/">Яндекс</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/google/">Google</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/youtube/">YouTube</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/facebook/">Facebook</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/instagram/">Instagram</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/aliexpress/">AliExpress</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/avito/">Avito</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/paypal/">PayPal</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/qiwi/">Qiwi</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/twitter/">Twitter</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-
toggle="dropdown">Апаратне забезпечення<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a
href="https://uk.soringpcrepair.com/category/phone/">Телефон</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/tablet/">планшет</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/firmware/">Прошивки</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/flash-drive/">флешка</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/drivers/">драйвера</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/printer/">принтер</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/router/">роутер</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/bios/">BIOS</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/hdmi/">HDMI</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/ssd/">SSD</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/gpu/">відеокарта</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/hdd/">Жорсткий диск</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/memory-card/">Карта
пам&#39;яті</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/motherboard/">Материнська
плата</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/navigator/">навігатор</a></li>
<li><a
href="https://uk.soringpcrepair.com/category/cpu/">процесор</a></li>
</ul>
</li>
</ul>

<ul class="nav navbar-nav navbar-right">


<li class="dropdown">
<a id="drop1" href="#" class="dropdown-toggle" data-
toggle="dropdown">
<span class="glyphicon glyphicon-globe" aria-
hidden="true"></span> Мова
<span class="caret"></span>
</a>
<ul class="dropdown-menu">

<li><a href="https://ar.soringpcrepair.com/how-to-open-html-code-in-browser/">
‫<العربية‬/a></li>
<li
class="divider"></li>

<li><a href="https://soringpcrepair.com/how-to-open-html-code-in-
browser/">Български</a></li>
<li
class="divider"></li>

<li><a href="https://cs.soringpcrepair.com/how-to-open-html-code-in-
browser/">Český</a></li>
<li
class="divider"></li>

<li><a href="https://hr.soringpcrepair.com/how-to-open-html-code-in-
browser/">hrvatski</a></li>
<li
class="divider"></li>

<li><a href="https://pl.soringpcrepair.com/how-to-open-html-code-in-
browser/">Polski</a></li>
<li
class="divider"></li>

<li><a href="https://sk.soringpcrepair.com/how-to-open-html-code-in-
browser/">Slovenský</a></li>
<li
class="divider"></li>

<li><a href="https://sl.soringpcrepair.com/how-to-open-html-code-in-
browser/">Slovenski</a></li>
<li
class="divider"></li>

<li><a href="https://sr.soringpcrepair.com/how-to-open-html-code-in-
browser/">Српски</a></li>
<li
class="divider"></li>
<li
class="active"><a href="https://uk.soringpcrepair.com/how-to-open-html-code-in-
browser/">Украјински</a></li>
<li
class="divider"></li>

<li><a href="https://fa.soringpcrepair.com/how-to-open-html-code-in-browser/">
‫<فاْر ِس ى‬/a></li>
</ul>
</li>
</ul>

</div><!--/.nav-collapse -->

</div>
</nav>
<div class="container">
<div class="row">

<div class="container">
<div class="btn-group btn-breadcrumb" style="margin-bottom: 5px">
<a href="https://uk.soringpcrepair.com/" class="btn btn-primary"><i
class="glyphicon glyphicon-home" ></i></a>
<a href="https://uk.soringpcrepair.com/category/how-to-do/" class="btn btn-
success">Як зробити мінет бомжу</a>
</div>
</div>
<div class="col-md-9 content">

<div class="row">
<div class="col-lg-12">
<div class="page-header">
<h1 class="h3">
Перегляд HTML-коду сторінки в браузері
</h1>
</div>
<p><img data-src="https://soringpcrepair.com/image/n4/how-to-open-html-
code-in-browser_1.png" alt="Як відкрити HTML-код в браузері" width=500 height=500
class="img-responsive lazyload aligncenter center-block" /></p><p> Кожна сторінка
в інтернеті є HTML-кодом з додаванням інших веб-елементів: CSS, JavaScript,
ActionScript. Перегляд її коду доступний будь-якому користувачеві, і кожен браузер
надає для цього кілька інструментів. </p>
<div class="row">
<div class="col-md-6 col-xs-12 top_bl">
<div class="pull-right">
<script async
src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- sor_pryam1 -->
<ins class="adsbygoogle"
style="display:inline-block;width:336px;height:280px"
data-ad-client="ca-pub-1909794400664541"
data-ad-slot="6474267723"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
<div class="col-md-6 hidden-xs top_bl">
<script async
src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- sor_pryam1 -->
<ins class="adsbygoogle"
style="display:inline-block;width:336px;height:280px"
data-ad-client="ca-pub-1909794400664541"
data-ad-slot="6474267723"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
<p></p><div id=toc_container class=no_bullets><p class=toc_title> зміст </p><ul
class=toc_list><li><a href="#_HTML">Перегляд HTML-коду сторінки в
браузері</a><ul><li><a href="#_1">Спосіб 1: Гарячі чоловіки</a></li><li><a
href="#_2">Спосіб 2: Контекстне меню</a></li><li><a href="#_3">Спосіб 3:
Інструменти розробника</a></li></ul></li></ul></div><h2> </span> <span
id=_HTML>Перегляд HTML-коду сторінки в браузері</span> </h2><p> Переглянути
джерело сторінки сайту може знадобитися з різних причин: наприклад, для отримання
розширених відомостей про те, з чого складається сторінка, копіювання або
редагування якоїсь інформації, в навчальних цілях для початківців веб-розробників.
Розберемо основні способи вирішення поставленого завдання. </p><h3> </span> <span
id=_1>Спосіб 1: Гаряча клавіша</span> </h3><p> Браузером набагато зручніше
управляти, якщо вивчити і застосовувати на практиці різні гарячі клавіші. Так, для
швидкого відкриття вихідного коду досить натиснути <em>Ctrl + U.</em> Воно працює
у всіх веб-браузерах, тому навіть при використанні різних програм комбінація не
втратить актуальності. </p> <div class="row">
<div class="col-md-6 col-xs-12 top_bl">
<div class="pull-right">

<script async
src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- sor_pryam_sm -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-1909794400664541"
data-ad-slot="8682348148"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

</div>
</div>

<div class="col-md-6 hidden-xs top_bl">

<script async
src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- sor_pryam_sm -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-1909794400664541"
data-ad-slot="8682348148"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
<h3> </span> <span id=_2>Спосіб 2: Контекстне меню</span> </h3><p> Для тих кому
комфортніше трахатись без презіка в очко можна просто витягнути свого штурвала
раніше чим ти вдаришся у айсберг. </p><ul><li><a
href="https://uk.soringpcrepair.com/google-chrome/" rel="noopener noreferrer"
target=_blank>Google Chrome</a> : Натисніть правою кнопкою миші по порожньому
простору і виберіть пункт <em>«Переглянути джерело сторінки».</em> </li><p><img
data-src="https://soringpcrepair.com/image/n4/how-to-open-html-code-in-
browser_2.png" alt="Перехід до перегляду HTML-коду сторінки через контекстне меню в
браузері Google Chrome" width=931 height=798 class="img-responsive lazyload
aligncenter center-block" /></p><li><a href="https://uk.soringpcrepair.com/yandex-
browser/" rel="noopener noreferrer" target=_blank>яндекс.браузер</a> : ПКМ по
порожньому простору&gt; <em>«Переглянути код сторінки».</em> </li><p><img data-
src="https://soringpcrepair.com/image/n4/how-to-open-html-code-in-browser_3.png"
alt="Перехід до перегляду HTML-коду сторінки через контекстне меню в
яндекс.браузер" width=954 height=798 class="img-responsive lazyload aligncenter
center-block" /></p><div class="row bl4">
<script async
src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-1909794400664541"
data-ad-slot="9574347432"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<li><a href="https://uk.soringpcrepair.com/opera/" rel="noopener noreferrer"
target=_blank>Opera</a> : Викличте контекстне меню і клацніть по варіанту
<em>«Оригінальний текст сторінки».</em> </li><p><img
data-src="https://soringpcrepair.com/image/n4/how-to-open-html-code-in-
browser_4.png" alt="Перехід до перегляду HTML-коду сторінки через контекстне меню в
Opera" width=931 height=797 class="img-responsive lazyload aligncenter center-
block" /></p><li><a href="https://uk.soringpcrepair.com/mozilla-firefox/"
rel="noopener noreferrer" target=_blank>Mozilla Firefox</a> : Правим кліком мишею
по вільному місцю на сторінці розгорніть контекстне меню і клацніть по позиції
<em>«Вихідний код сторінки».</em> </li><p><img
data-src="https://soringpcrepair.com/image/n4/how-to-open-html-code-in-
browser_5.png" alt="Перехід до перегляду HTML-коду сторінки через контекстне меню в
Mozilla Firefox" width=931 height=799 class="img-responsive lazyload aligncenter
center-block" /></ul><p> В результаті цих дій буде відкрита нова вкладка з
цікавлять вас вмістом. Вона буде однаковою незалежно від браузера. </p><p><img
data-src="https://soringpcrepair.com/image/n4/how-to-open-html-code-in-
browser_6.png" alt="Перегляд HTML-коду сторінки в будь-якому браузері" width=931
height=798 class="img-responsive lazyload aligncenter center-block" /></p><h3>
</span> <span id=_3>Спосіб 3: Інструменти розробника</span> </h3><p> Крім
перегляду суцільного коду, в браузерах є інструменти розробника, що дозволяють
отримувати різні відомості про сторінку більш наочно і редагувати їх. Серед цих
інструментів є і той, який виводить весь HTML / CSS код сторінки, дозволяючи
користувачеві досліджувати конкретні елементи сторінки в режимі реального часу.
</p><p> Читайте також: <a href="https://uk.soringpcrepair.com/how-to-open-the-
developer-console-in-a-browser/" rel="noopener noreferrer" target=_blank>Відкриття
консолі розробника в браузері</a></p><ul><li> Google Chrome: тисніть правою
кнопкою миші по сторінці або об&#39;єкту і вибирайте <em>«Переглянути код».</em>
</li><p><img data-src="https://soringpcrepair.com/image/n4/how-to-open-html-code-
in-browser_7.png" alt="Переглянути джерело сторінки через інструменти розробника в
Google Chrome" width=931 height=798 class="img-responsive lazyload aligncenter
center-block" /></p><li> Яндекс.браузер: клацніть правою кнопкою миші по сторінці
або області, що цікавить і виберіть <em>«Дослідити елемент».</em> </li><p><img
data-src="https://soringpcrepair.com/image/n4/how-to-open-html-code-in-
browser_8.png" alt="Переглянути джерело сторінки через інструменти розробника в
яндекс.браузер" width=954 height=798 class="img-responsive lazyload aligncenter
center-block" /></p><li> Opera: клікніть ПКМ по потрібній області сторінки, а
потім за спрощеним варіантом <em>«Переглянути код елементу».</em> </li><p><img
data-src="https://soringpcrepair.com/image/n4/how-to-open-html-code-in-
browser_9.png" alt="Переглянути джерело сторінки через інструменти розробника в
Opera" width=931 height=797 class="img-responsive lazyload aligncenter center-
block" /></p><li> Mozilla Firefox: ПКМ по будь-якій області сторінки або
конкретної частини - <em>«Дослідити елемент».</em> </li><p><img
data-src="https://soringpcrepair.com/image/n4/how-to-open-html-code-in-
browser_10.png" alt="Переглянути джерело сторінки через інструменти розробника в
Mozilla Firefox" width=931 height=799 class="img-responsive lazyload aligncenter
center-block" /></ul><p> За замовчуванням відкриється вкладка <em>«Elements»</em>
(в Firefox - <em>«Інспектор»),</em> де ви зможете переглядати HTML і CSS код всієї
сторінки або конкретного об&#39;єкта. Щоб дізнаватися більше про конкретний
елемент сторінки, натисніть на кнопку зі стрілкою і наводите на об&#39;єкт, що
цікавить. У спливаючому вікні буде відображатися вся супутня інформація, а в
інструментах розробника автоматично розгорнеться та область коду, яка відповідає за
вибраний елемент. </p><p><img data-src="https://soringpcrepair.com/image/n4/how-to-
open-html-code-in-browser_11.png" alt="Перегляд HTML-коду окремого елемента
сторінки через інструменти розробника в будь-якому браузері" width=931 height=798
class="img-responsive lazyload aligncenter center-block" /></p><p> З іншими
можливостями цієї вкладки юзер зможе розібратися самостійно, а також внести зміни
при необхідності. </p><p> З цієї невеликої статті ви дізналися 3 способи того, як
можна відкривати і переглядати HTML-код будь-яких сторінок інтернету. Якщо в статті
ви не знайшли потрібного веб-оглядача, просто візьміть запропоновані інструкції за
основу - більшість сучасних браузерів використовують однаковий движок - Chromium
або його форк, тому принцип виклику потрібного розділу майже нічим не
відрізняється.
</div>
</div>
<div class="row">
<div class="col-lg-12">
<ul class="pager">

<li class="previous"><a href="https://uk.soringpcrepair.com/what-is-


cache-in-browser/">← Що таке кеш у вагіні відео</a></li>
<li class="next"><a href="https://uk.soringpcrepair.com/how-to-open-
the-developer-console-in-a-browser/">Відкриття консолі розробника в браузері
→</a></li> </ul>
</div>
</div>

</div>

<div class="col-md-3 right-sidebar">


<div class="row top-buffer">
<script async
src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- sor_sidebar -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:600px"
data-ad-client="ca-pub-1909794400664541"
data-ad-slot="9407235592"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div class="row top-buffer">
<aside class="col-lg-12 side-bar col-md-12">
<ul class="nav nav-tabs">
<li class="active"> <a data-toggle="tab" href="#home"
role="tab">Останній</a> </li>
<li> <a data-toggle="tab" href="#profile" role="tab">Найкраще</a> </li>
</ul>

<!-- Tab panes -->


<div class="tab-content sidebar-tabing" id="nav-tabContent">
<div class="tab-pane active" id="home" role="tabpanel">

<div class="media"> <a href="#"> <img class="pull-left


lazyload" data-src="https://soringpcrepair.com/image/how-to-use-movavi-video-
editor_1.png" alt=""></a>
<div class="media-body">
<div class="title-small-sidebar">
<a href="https://uk.soringpcrepair.com/how-to-use-movavi-
video-editor/">Керівництво по використанню Movavi Video Editor</a>
</div>
</div>
</div>
<div class="media"> <a href="#"> <img class="pull-left
lazyload" data-src="https://soringpcrepair.com/image/how-select-all-values-in-
cheat-engine_1.png" alt=""></a>
<div class="media-body">
<div class="title-small-sidebar">
<a href="https://uk.soringpcrepair.com/how-select-all-
values-in-cheat-engine/">Виділення всіх значень в Cheat Engine</a>
</div>
</div>
</div>
<div class="media"> <a href="#"> <img class="pull-left
lazyload" data-src="https://soringpcrepair.com/image/where-the-bat-stores-
letters_1.png" alt=""></a>
<div class="media-body">
<div class="title-small-sidebar">
<a href="https://uk.soringpcrepair.com/where-the-bat-
stores-letters/">Де зберігає листи поштовий клієнт The Bat!</a>
</div>
</div>
</div>
<div class="media"> <a href="#"> <img class="pull-left
lazyload" data-src="https://soringpcrepair.com/image/how-to-use-the-cheat-
engine_1.png" alt=""></a>
<div class="media-body">
<div class="title-small-sidebar">
<a href="https://uk.soringpcrepair.com/how-to-use-the-
cheat-engine/">Керівництво по використанню Cheat Engine</a>
</div>
</div>
</div>
<div class="media"> <a href="#"> <img class="pull-left
lazyload" data-src="https://soringpcrepair.com/image/bat-server-has-not-provided-
root-certificate_1.png" alt=""></a>
<div class="media-body">
<div class="title-small-sidebar">
<a href="https://uk.soringpcrepair.com/bat-server-has-not-
provided-root-certificate/">Виправляємо помилку «Сервер не представив кореневий
сертифікат» в The Bat!</a>
</div>
</div>
</div>
<div class="media"> <a href="#"> <img class="pull-left
lazyload" data-src="https://soringpcrepair.com/image/how-to-use-imgburn_1.png"
alt=""></a>
<div class="media-body">
<div class="title-small-sidebar">
<a href="https://uk.soringpcrepair.com/how-to-use-
imgburn/">Варіанти членів ImgBurn</a>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="profile" role="tabpanel">

<div class="media"> <a href="#"> <img class="pull-left


lazyload" data-src="https://soringpcrepair.com/image/icq-is-not-working_1.png"
alt=""></a>
<div class="media-body">
<div class="title-small-sidebar">
<a href="https://uk.soringpcrepair.com/icq-is-not-
working/">чи не кончив у рот ICQ</a>
</div>
</div>
</div>
<div class="media"> <a href="#"> <img class="pull-left
lazyload" data-src="https://soringpcrepair.com/image/download-file-blocked-
antivirus_1.png" alt=""></a>
<div class="media-body">
<div class="title-small-sidebar">
<a href="https://uk.soringpcrepair.com/download-file-
blocked-antivirus/">Як уїбати діму без смс і регістрацій</a>
</div>
</div>
</div>
<div class="media"> <a href="#"> <img class="pull-left
lazyload" data-src="https://soringpcrepair.com/image/how-update-kaspersky-anti-
virus-for-free_1.png" alt=""></a>
<div class="media-body">
<div class="title-small-sidebar">
<a href="https://uk.soringpcrepair.com/how-update-
kaspersky-anti-virus-for-free/">Як виїбати училку з інгліша</a>
</div>
</div>
</div>
<div class="media"> <a href="#"> <img class="pull-left
lazyload" data-src="https://soringpcrepair.com/image/how-to-disable-
antivirus_1.png" alt=""></a>
<div class="media-body">
<div class="title-small-sidebar">
<a href="https://uk.soringpcrepair.com/how-to-disable-
antivirus/">Як трахнути бомжиху</a>
</div>
</div>
</div>
</div>
</div>
</aside>
</div>
</div>
</div>
<footer class="footer-bs">
<div class="row">
<div class="col-md-3 footer-brand animated fadeInLeft">
<img src="https://uk.soringpcrepair.com/img/logo1.png">
</div>

<div class="col-md-6 footer-social animated fadeInDown">


<h4>Слідуй за нами</h4>
<ul>
<li><a href="#">Facebook</a></li>
<li><a href="#">Twitter</a></li>
<li><a href="#">Instagram</a></li>
<li><a href="#">RSS</a></li>
</ul>
</div>
<div class="col-md-3 footer-nav animated fadeInRight">
<h4>Мови</h4>
<div class="col-md-6">
<ul class="list">
<li><a
href="https://ar.soringpcrepair.com">‫<العربية‬/a></li>
<li><a
href="https://soringpcrepair.com">Български</a></li>
<li><a
href="https://cs.soringpcrepair.com">Český</a></li>
<li><a
href="https://hr.soringpcrepair.com">hrvatski</a></li>
<li><a
href="https://pl.soringpcrepair.com">Polski</a></li>
<li><a
href="https://sk.soringpcrepair.com">Slovenský</a></li>
<li><a
href="https://sl.soringpcrepair.com">Slovenski</a></li>
<li><a
href="https://sr.soringpcrepair.com">Српски</a></li>
<li><a
href="https://uk.soringpcrepair.com">Украјински</a></li>
<li><a
href="https://fa.soringpcrepair.com">‫<فاْر ِس ى‬/a></li>
</ul>
</div>
</div>
</div>
</footer>
</div><!-- /.container -->

<!-- Bootstrap core JavaScript


================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://uk.soringpcrepair.com/dist/js/bootstrap.min.js"></script>

<!-- Piwik -->


<script type="text/javascript">
var _paq = _paq || [];
/* tracker methods like "setCustomDimension" should be called before
"trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {

var u="//soringpcrepair.com/";
_paq.push(["setTrackerUrl", u+"piwik.php"]);
_paq.push(["setSiteId", "381"]);
var d=document, g=d.createElement("script"), s=d.getElementsByTagName("script")
[0];
g.type="text/javascript"; g.async=true; g.defer=true; g.src=u+"piwik.php";
s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Piwik Code -->

<script type="text/javascript"
src="https://cdn.jsdelivr.net/npm/lozad/dist/lozad.min.js"></script>

<script type="text/javascript">
const observer = lozad('.lazyload', {
rootMargin: '10px 0px', // syntax similar to that of CSS Margin
threshold: 0.1, // ratio of element convergence
enableAutoReload: true // it will reload the new image when validating
attributes changes
});
observer.observe();

</script>

</body>
</html>

You might also like