Консоль Google Chrome

Главная » Видеоуроки » Консоль 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

Submit a Comment

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


The reCAPTCHA verification period has expired. Please reload the page.

Pin It on Pinterest

Share This