Tôi đã tạo tệp javascript trong Plunker và tôi muốn gỡ lỗi nó. Khi tôi mở bảng điều khiển 'Nguồn', tôi không thấy tệp js mà tôi đã tạo. Tôi chỉ thấy rất nhiều tệp tin Plunker js. Làm ơn cho lời khuyên. Cảm ơngỡ lỗi plunker trong công cụ phát triển chrome
Bạn có hai tùy chọn chính để xem chi tiết tệp nguồn mà bạn đã tạo.
1. Sử dụng chế độ cửa sổ pop-up của bảng điều khiển xem trước
Theo mặc định, previewer chạy bên trong một bên trong webapp plunker. Bạn có thể yêu cầu plunker hiển thị trình xem trước trong một cửa sổ riêng biệt bằng cách nhấp vào biểu tượng mở rộng màu xanh ở trên cùng bên phải của cửa sổ xem trước. Nếu bạn mở công cụ dành cho nhà phát triển cho cửa sổ bật lên, bạn sẽ chỉ thấy các tệp nguồn của mình.
2. Nhấp chuột phải vào xem trước và nhấn kiểm tra nguyên tố
Làm theo cách này sẽ cho phép bạn sử dụng nhúng, xem trước trực tiếp và sẽ cung cấp cho bạn một phím tắt để đi sâu vào DOM liên quan đến bạn mã.
Một cách khác là đặt này trong tập tin javascript của bạn
debugger;
và để bàn điều khiển mở, sẽ buộc trình gỡ lỗi không chỉ dừng ở đó mà còn để mở tệp.
này có thể thay đổi, nhưng hiện tại trên Chrome 47.0.2526.111 m trên Windows 10, 64 bit, đây là cách bạn có thể tìm thấy liệng file nguồn của bạn:
Bên trong, bạn sẽ tìm thấy tập tin của bạn, do đó bạn có thể bắt đầu gỡ lỗi
Một cách nhanh hơn tôi thấy là chỉ cần lấy độc đáo id của plnk của bạn.
Trong bình thường 'chỉnh sửa' URL chế độ sẽ giống như
http://plnkr.co/edit/P0fqZG6G6khKKrtfBkDP?p=preview
Đơn giản chỉ cần nối thêm này id - P0fqZG6G6khKKrtfBkDP đến URL
http://run.plnkr.co/plunks/ do đó trở thành
http://run.plnkr.co/plunks/P0fqZG6G6khKKrtfBkDP/
Chú ý: Hãy chắc chắn đôi bạn thêm trailing /
Open new URL in a new chrome windowHit F12 in chrome, voila native angular JS debugging for your plnkLưu ý: Sau đó bạn có thể tiếp tục chỉnh sửa trong plnkr, lưu và chỉ cần làm mới URL này khi gỡ lỗi, để duy trì phiên gỡ lỗi hoạt động của bạn.
Hình ảnh đáng giá ngàn từ ... F12 và sau đó chọn nguồn; plunkerPreviewTarget có mã nguồn
