2012-12-18 7 views
6

Điểm ngắt này sẽ chỉ được gọi nếu các nút trong cây phụ được thêm/xóa và không nếu chúng được sửa đổi đơn giản?Công cụ dành cho nhà phát triển Chrome. Điểm ngắt sửa đổi subtree DOM?

Khi thử nghiệm, tôi đã cố thêm lớp với JS vào các phần tử con cây và điểm ngắt không gọi. Vì vậy, chỉ muốn chắc chắn, điều duy nhất sẽ kích hoạt điểm ngắt cụ thể này chỉ là thêm/loại bỏ các nút phụ, chứ không phải sửa đổi bất kỳ f chúng thuộc tính hay bất cứ điều gì khác cho vấn đề đó, bất cứ ai có thể xác nhận điều này?

Trả lời

6

sửa đổi Subtree là chèn nút và ñuoåi trong cây DOM [sub] bắt rễ tại nút đã cho.

Để chia nhỏ các sửa đổi thuộc tính class bạn cần sử dụng ... biết không? Break on Attribute Modifications! :-)

+1

Vâng, tôi biết tôi có thể sử dụng nó ... Tôi chỉ cần xác nhận nếu nó chỉ xóa/chèn nút, mà bây giờ tôi có :) – galdikas

+2

Để chắc chắn, kiểm tra mã nguồn: http://trac.webkit.org/browser/trunk/Source/WebCore/inspector/InspectorDOMDebuggerAgent.cpp (tìm kiếm 'hasBreakpoint (parent, SubtreeModified)'). –

+0

Không hoạt động trong Chrome: Phiên bản 56.0.2924.87 (64 bit) .... [SO câu hỏi] (http://stackoverflow.com/q/42136051/2581562) – Legends

-1

Tôi không thể thêm nhận xét cho câu hỏi của bạn, đó là lý do tôi sẽ đăng nhận xét đó làm câu trả lời mới. Hãy xem ở đây: how to set DOM Breakpoints in chrome

Nói chung, mở Công cụ nhà phát triển Chrome, chọn tab đầu tiên được gọi là Elements, sau đó tìm các yếu tố trên mà bạn muốn đặt breakpoint, nhấn chuột phải vào nó và một menu ngữ cảnh với một số tùy chọn cho điểm ngắt sẽ được mở. Tùy chọn là:

  1. Nghỉ giải lao trên Subtree Modifications
  2. lao vào Thuộc tính Modifications
  3. Nghỉ giải lao trên Node diệt
+2

Tôi biết cách thêm và sử dụng chúng. Tôi hơi bối rối về những gì chính xác gây ra sự thay đổi Subtree. Như thể là nó chỉ loại bỏ/bổ sung các nút, hoặc là có bất cứ điều gì khác? Nguyên nhân thêm thuộc tính vào các phần tử con dường như không gọi nó :) – galdikas