Это может быть какая-то настройка в инструментах Chrome dev, которые мне не хватает. Моя цель - приостановить показ слайд-шоу на моем веб-сайте, чтобы я мог использовать инструмент элемента проверки для ориентации элемента html и выяснить, какой css он использует? Очевидно, этого достичь невозможно, пока анимация настроена на автоматический запуск.
Есть ли способ приостановить анимацию, пока я проверяю элемент на его свойства css?
Если вы перейдете на вкладку "Источники" в веб-инспекторе, там есть кнопка паузы в элементах отладки.
К сожалению, вы не сможете щелкнуть элемент правой кнопкой мыши, чтобы проверить его при паузе, но вы можете найти его с помощью значка лупы или на вкладке "Элементы", расширяя и зависая над элементами и наблюдая выделение в главном документ.
Вы можете Disable Javascript, нажав Three dots в правом верхнем углу, затем перейдите к Setting
Если вы хотите приостановить карусель Bootstrap 4, вы можете открыть консоль Javascript (⌘ + вариант + J на Mac или Cmd + Option + J для Windows для браузера Chrome), а затем введите:
$('.carousel').carousel('pause');//затем нажмите клавишу [enter/return]
Где ".carousel" - это название класса (следовательно, точка), которое cointains карусель. Если это id, например #welcome, вы можете просто использовать:
$('#welcome').carousel('pause');//затем нажмите клавишу [enter/return]