2017-04-25 15 views
9

Tôi đang xem tab "Nguồn" trong công cụ dành cho nhà phát triển Chrome. Một số thư mục có màu cam và in nghiêng. Các thư mục khác với thư mục "thông thường" (được hiển thị bằng màu xanh dương) như thế nào?Tại sao Chrome devtools hiển thị các thư mục này bằng màu cam và in nghiêng?

enter image description here

+5

Bạn phải có [ánh xạ nguồn] (https://developers.google.com/web/tools/setup/setup-workflow) các thư mục đó. Cũng có thể xảy ra tự động nếu trình bao/trình biên dịch của bạn giữ lại bản đồ nguồn. – wOxxOm

+3

Để mở rộng câu trả lời của wOxxOm-- điều đó có nghĩa là các tệp không thực sự được tải/giải thích trực tiếp bởi trình duyệt-- thay vào đó, có một số biểu định kiểu được "biên dịch" bởi các nguồn này và thông qua sự kỳ diệu của các tệp nguồn đang được cung cấp để bạn xem xét trong các công cụ dev-- tuy nhiên, nếu các công cụ dev đã bị đóng, chúng sẽ không được tải. –

+0

Xem [Giới thiệu về Bản đồ nguồn JavaScript] (https://www.html5rocks.com/en/tutorials/developertools/sourcemaps/) – Vadim

Trả lời

2

thư mục màu

  • xanh - thư mục thường xuyên, không chứa bất kỳ nguồn ánh xạ file
  • Orange - Thư mục chứa các tập tin có bản đồ nguồn đính kèm (.less/.css hoặc .ts/.js)

màu Resource

  • Vàng - JS
  • Violet - CSS & Fonts
  • Xanh - Hình ảnh
  • Grey - HTML
Các vấn đề liên quan