Google Chrome console
Developer console is very useful and powerful tool while web projects development and testing. You can test your CSS, run JS code, test it and much more. I’ll show you capabilities, which I often use in my work. You can read more about Google Chrome developer console by this link.
If you use Mozilla Firefox, there is a good extension for this browser – Firebug. Also you can use different analouges
If you use Mozilla Firefox, there is a good extension for this browser – Firebug. Also you can use different analouges
Код урока
<!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