Google Chrome console

Главная » 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. Also you can use different analouges

Код урока

<!DOCTYPE html>
    <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>
        // Редактирование 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++) {

        function getSum(a,b,c) {
            var sum = a + b + c;
            if(sum == 10) {
                return false;
            } else {
                return sum;




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