Публикации по теме 'chrome-developer-tools'
Как проверить компоненты оверлея в библиотеках Angular CDK
Мотивация
Я работал с выпадающим компонентом библиотеки Ng-zorro в одном из приложений и думал, почему неудобно просматривать динамически добавляемые компоненты и применять некоторые стили в инструменте разработки браузера? Например, когда мы наводим указатель мыши на раскрывающийся список и переходим с помощью мыши в инспектор браузера, содержимое раскрывающегося списка исчезает. Содержимое раскрывающегося списка создается динамически и размещается в DOM. При наведении на..
Введение в инструменты разработчика Chrome
Если вы еще не установили Google Chrome, сделайте это здесь.
После настройки Chrome откройте веб-сайт. В этом примере мы будем использовать Бостонский колледж (bc.edu). Перейдите на их домашнюю страницу в Chrome и щелкните правой кнопкой мыши (удерживая нажатой клавишу Control), вы увидите такое меню:
Нажмите «Проверить», и теперь появятся инструменты разработчика Chrome.
Это выглядит много, но не волнуйтесь! Вот основные вкладки:
Элементы — показывает HTML-контент..