Google Chrome console

Home » Tutorials » Developers tools » 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.
Code lesson
<!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

Submit a Comment

Your email address will not be published. Required fields are marked *

Подписаться на рассылку

Будьте в курсе - получайте последние статьи на свой email

Ваша подписка успешно оформлена

Pin It on Pinterest

Share This