8

Tôi biết thanh tra của Chrome có công cụ chọn để chọn khung sẽ sử dụng với bảng điều khiển. Firebug có một lệnh tương tự, cd(window.frames[number]). Có gì tương tự trong Firefox Devtools không? Tôi cho rằng frame.window.eval có thể hoạt động, nhưng chỉ khi nó không phải là miền chéo.Làm cách nào để chạy trình kiểm tra Firefox trong iFrame?

Tôi cũng tự hỏi liệu có một công cụ đánh dấu để kiểm tra kết quả của các lệnh của bảng điều khiển web hay không, ví dụ: document.getElementsByClassName(...). nhưng bạn ít nhất có thể thay đổi kiểu dáng của một phần tử theo lập trình để 'xem' nó.

+2

Rất tiếc, đó không chỉ là Bảng điều khiển Web, chế độ xem/chỉnh sửa kiểu CSS của trình kiểm tra cũng bị hỏng khi kiểm tra iframe. https://bugzilla.mozilla.org/show_bug.cgi?id=880098 – NoBugs

Trả lời

2

Đối tượng DOMNode làm nổi bật trong trang khi di chuột trong bảng điều khiển web và được gọi là "chế độ xem biến". "Chế độ xem biến" cũng được sử dụng trong bảng điều khiển web khi bạn nhấp vào đối tượng để xem thuộc tính của nó (đó là thanh bên xuất hiện) và cũng được sử dụng trong trình gỡ lỗi khi được tạm dừng tại điểm ngắt (thanh bên phải chứa các phạm vi khác nhau) biến).

Vì vậy, bất cứ khi nào DOMNode xuất hiện trong đó, nếu bạn di chuột qua nó, nó sẽ được tô sáng trong trang.

Khi nói đến iframe, webconsole hỗ trợ lệnh cd(), xem working with iframes.

Chúng tôi cũng đang tích cực working on a bug sẽ thêm menu thả xuống vào hộp công cụ bất cứ khi nào có khung/khung nội tuyến trong trang hiện tại và cho phép bạn dễ dàng chuyển đổi từ khung này sang hình khác.