2014-07-19 18 views
10

Nó có thể là thiết lập của một số loại trong các công cụ phát triển Chrome mà tôi đang thiếu. Mục tiêu của tôi là tạm dừng trình chiếu trên trang web của tôi để tôi có thể sử dụng công cụ kiểm tra phần tử để nhắm mục tiêu một phần tử html và tìm ra css mà nó sử dụng? Rõ ràng điều này là không thể đạt được trong khi các hình ảnh động được thiết lập để tự động chạy.Tạm dừng trình chiếu jquery để tôi có thể nhắm mục tiêu phần tử nút trong công cụ chrome dev

Có cách nào tạm dừng hoạt ảnh trong khi tôi kiểm tra phần tử cho thuộc tính css của nó không?

+0

Bạn có nghĩa là giống như thiết lập một breakpoint? – j08691

+0

Hãy xem cách đặt điểm ngắt JS, [tại đây] (https://developer.chrome.com/devtools/docs/javascript-debugging). Nó có thể sẽ giúp bạn hoàn thành những gì bạn đang sau. – StathisG

Trả lời

19

Nếu bạn chuyển đến tab "Nguồn" trong trình kiểm tra web, có nút tạm dừng trong các điều khiển gỡ lỗi.

enter image description here

Thật không may, bạn sẽ không thể kích chuột phải vào một yếu tố để kiểm tra nó khi tạm dừng, nhưng bạn có thể xác định vị trí nó bằng cách sử dụng biểu tượng kính lúp hoặc trên tab Elements bằng cách mở rộng và lơ lửng trên các yếu tố và quan sát điểm nổi bật trong tài liệu chính.

1

Bạn có thể Disable Javascript bằng cách nhấn Three dots trên góc trên bên phải sau đó đi đến Setting

0

Nếu bạn muốn tạm dừng một băng chuyền Bootstrap 4, bạn có thể mở bảng điều khiển Javascript của bạn (⌘ + tùy chọn + J trên máy Mac hoặc Cmd + Option + J trên Windows cho trình duyệt Chrome) và sau đó loại:

$('.carousel').carousel('pause'); // sau đó nhấn [nhập/trả lại] chìa khóa

Trường hợp ".carousel" là tên của lớp (vì thế các dấu chấm) mà cointains băng chuyền. Nếu đó là một id, như #welcome bạn chỉ có thể sử dụng:

$('#welcome').carousel('pause'); // sau đó nhấn [nhập/trả lại] chìa khóa

Các vấn đề liên quan