Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
63 changes: 49 additions & 14 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,22 +1,57 @@
<!DOCTYPE html>
<html>
<head>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Javascript and Debugging</title>
</head>
<title>JavaScript и Отладка</title>
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
margin: 20px;
background-color: #f5f5f5;
}

<body>
h3 {
color: #2c3e50;
}

<h3><a href="SpecRunner.html" target="_blank">Click here</a> to open the Spec Runner to track your progress.</a></h3>
a {
color: #3498db;
text-decoration: none;
}

<p>To use the debugger, right click this page and press Inspect. You can also use the hotkey combination of L-CTRL ( Mac: L-Command ) + L-SHIFT + C</p>

<p>Now that the debugger is visible on your screen, look for the <b>Sources</b> tab and open it.</p>
a:hover {
text-decoration: underline;
}

<p>If you do not see the <b>practice.js</b> file appear in the list, refresh the page while you have the debugger open and the <b>Sources</b> tab active.</p>
p {
margin-bottom: 15px;
}

<p>For more information, checkout: <a href="https://developers.google.com/web/tools/chrome-devtools/?utm_source=dcc&utm_medium=redirect&utm_campaign=2016q3">Chrome DevTools</a></p>
.container {
max-width: 800px;
margin: 0 auto;
background: white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
</style>
</head>

<script src="practice.js"></script>
</body>
</html>
<body>
<div class="container">
<h3><a href="SpecRunner.html" target="_blank">Нажмите здесь</a> чтобы открыть Spec Runner для отслеживания прогресса.</h3>

<p>Чтобы использовать отладчик, щелкните правой кнопкой мыши на этой странице и выберите "Просмотреть код" (Inspect). Также можно использовать горячие клавиши: Ctrl + Shift + C (Windows) или Cmd + Shift + C (Mac).</p>

<p>Когда отладчик откроется на вашем экране, найдите вкладку <b>Sources</b> (Источники) и откройте ее.</p>

<p>Если вы не видите файл <b>practice.js</b> в списке, обновите страницу при открытом отладчике и активной вкладке <b>Sources</b>.</p>

<p>Для получения дополнительной информации посетите: <a href="https://developers.google.com/web/tools/chrome-devtools/?utm_source=dcc&utm_medium=redirect&utm_campaign=2016q3">Chrome DevTools</a></p>

<script src="practice.js"></script>
</div>
</body>
</html>