Консоль Google Chrome
Консоль разработчика — очень полезный и мощный инструмент при разработке и тестировании веб проектов. Вы можете тестировать CSS, выполнять js код, тестировать его и много другое. Я покажу вам возможности, которые сам часто использую в своей работе. Более подробно возможности панели разработчика Google Chrome вы можете изучить по ссылке. Если вы используете браузер Mozilla Firefox, то для него также есть отличное дополнение — Firebug. Также вы можете использовать аналоги.
Код урока
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Инструменты разработчика в браузере</title>
</head>
<body>
<script>
// Редактирование CSS
// Цвета
// Состояние элементов
// Shift + Click - смена формата цвета
// Выполнение команд js из консоли
// Отладка на простом примере
// Поиск по файлам (Cmd+Option+F)
// Выбор селекторов через $ и $$
var arr = [1,2,3,4,5,6,7,8,9,10];
for(var i=0; i<arr.length; i++) {
console.log(arr[i]);
}
function getSum(a,b,c) {
var sum = a + b + c;
if(sum == 10) {
return false;
} else {
return sum;
}
}
getSum(5,2,3);
</script>
</body>
</html>
0 Comments