Bộ chọn Firebug và jQuery trong iFrame

Question

Tôi đang làm việc trên một ứng dụng web và sử dụng Hộp chứa trình cắm thêm jQuery để bật lên một cửa sổ trình bày biểu mẫu để chỉnh sửa các phần tử của cửa sổ chính. Tôi đang sử dụng Firebug để gỡ lỗi Javascript và jQuery của tôi, và tôi nhận thấy rằng tôi không thể chọn một phần tử trong biểu mẫu HTML Colorbox của tôi bằng cách sử dụng dòng lệnh của bảng điều khiển jQuery. Ví dụ:

$ date = $ ("# date");

không trả lại gì khi chạy từ dòng lệnh của bảng điều khiển jQuery, mặc dù tôi có phần tử đầu vào có id = "date" và phần tử Firebug "kiểm tra" con trỏ có thể tìm phần tử trong iFrame. Có cách nào để có được giao diện điều khiển Firebug để truy cập các phần tử trong một iFrame không?

Cảm ơn sự giúp đỡ của bạn! Doug

Answer 1

Bạn cần phải vượt qua tài liệu iframe như một bối cảnh cho bộ chọn của bạn, bởi vì iframe có riêng của mình tách ra DOM cây:

$('#date', $('iframe').get(0).contentDocument); 

Để có được quyền truy cập vào nội dung iframe, nó phải được nạp từ cùng miền làm tài liệu gốc.

---

Chỉ cần để xây dựng ở đây, .contentDocument sở hữu các công trình trong Chrome (và FF) nhưng không phải trong IE < 8. Bạn phải sử dụng .document.

Answer 2

Bạn đang tìm kiếm phương pháp cd, tài liệu ở đây: http://getfirebug.com/wiki/index.php/Command_Line_API

Dưới đây là một bookmarklet tôi sử dụng để tự động nhảy vào iframe cho bất kỳ ứng dụng Facebook iframe. Nó sẽ cung cấp đủ ví dụ để sửa đổi cho việc sử dụng của bạn.

javascript:with(_FirebugCommandLine){cd($$(".canvas_iframe_util")[0].contentWindow)} 

Lưu ý rằng with là thực hành thường xấu, nhưng điều này là theo nghĩa đen như thế nào Firebug thực hiện những gì bạn gõ vào giao diện điều khiển, vì vậy tôi bắt chước đó.

Sau khi bạn đã chạy điều này, mọi thứ bạn nhập vào dòng lệnh sẽ thực thi trong ngữ cảnh của khung nội tuyến.