Có cách nào nhanh chóng để chuyển từ mã jsx được hiển thị trong Chrome DevTools sang ES5 thô và quay lại không?
Tắt bản đồ nguồn trong Chrome DevTools
Câu trả lời:
Mở Công cụ dành cho nhà phát triển, đi tới "Cài đặt" cho Công cụ dành cho nhà phát triển, sau đó bỏ chọn Enable JavaScript Sourcemapstrong cài đặt "Nguồn".
6
Cảm ơn tôi đã thấy điều đó. Rất tiếc, việc thay đổi tùy chọn này yêu cầu làm mới trước khi nó có hiệu lực. Tôi đã hy vọng sẽ có một số cách để chuyển đổi tùy chọn mà không cần làm mới.
—
Jack Allan
Không. Vì các nguồn cần được diễn giải lại dựa trên cài đặt.
—
Garbee
Cảm ơn, tôi tò mò là tại sao điều này lại cần thiết vì chắc chắn nó luôn chạy es5 dưới mui xe và ánh xạ nguồn chỉ đơn giản là thông báo cho trình gỡ lỗi biết câu lệnh hiện tại nằm ở dòng nào trong mã nguồn?
—
Jack Allan,
Đối với những người đấu tranh để tìm các cài đặt như tôi, thấy điều này: i.imgur.com/9aMlBfg.png
—
joshcomley
Tôi vừa thử điều này và nó dường như có tác dụng ngay lập tức, tức là dường như không cần làm mới trang nào nữa.
—
Jackson
Bạn có thể nhấp đúp vào số dòng để chuyển từ tệp nguồn sang tệp đầu ra không hợp nhất. Ngoài ra nó có vẻ hạn chế. Xem bình luận bên dưới.
Tôi thấy điều này hữu ích trong quá trình phát triển. Khi sử dụng webpack-dev-server(hoặc một số công cụ khác) mà không giảm thiểu js, bạn có thể nhấp đúp vào số dòng trong tệp nguồn để chuyển đến tệp đầu ra đã biên dịch nhưng chưa được hợp nhất.
Tôi chỉ tình cờ phát hiện ra điều này và sau đó tìm thấy nhận xét này từ ngày 21 tháng 12 năm 2016: https://bugs.chromium.org/p/chromium/issues/detail?id=532174#c7
Bạn có thể nhấp đúp vào số dòng để chuyển vào tệp gốc, nhưng điều đó khá vô ích nếu tệp được rút gọn đã xóa tất cả các dòng mới :(
Có tính năng bọc từ sẽ làm cho công việc này tốt hơn https://bugs.chromium.org/p/chromium/issues/detail?id=167287
Tôi nghĩ rằng đã có một số hỗ trợ cho việc nhấp đúp vào một phần của tệp được rút gọn để chuyển đến tệp được ánh xạ nguồn, nhưng có vẻ như nó đã bị thoái lui.
Lý tưởng nhất là trong tệp được thu nhỏ với bản đồ nguồn, nhấp chuột phải (hoặc nhấp đúp) vào bất kỳ vị trí nào trong tệp được thu nhỏ sẽ cho phép chuyển đến tệp, dòng và cột chính xác đó
Khi tôi bấm đúp vào một số dòng, nó sẽ thêm và sau đó loại bỏ một điểm ngắt. Tui bỏ lỡ điều gì vậy?
—
emclain
Idk. Nó chỉ dường như để làm điều đó một số thời gian. Và chỉ khi Chrome có vẻ thích bản đồ nguồn. Bạn có thể thử một số dòng khác nhau hoặc các dự án khác nhau nhưng tôi thực sự không có gợi ý nào tốt hơn. Chrome sẽ hỗ trợ điều này tốt hơn.
—
Scotty Wagoner,