2013-06-08 26 views
8

Tôi đang cố gắng thiết lập tính năng lập bản đồ trong Chrome canary. Tôi đã theo dõi các ảnh chụp màn hình trong this answer.Cách tự động tải lại css trong Chrome sau khi chỉnh sửa các tệp SASS

Tính năng chính hoạt động, khi tôi kiểm tra một phần tử, nó chỉ cho tôi tệp sass cục bộ của tôi và khi tôi chỉnh sửa, tệp nội bộ, và `sass --watch 'được kích hoạt. Tuy nhiên, trình duyệt không làm mới, mặc dù trên tab "General" trong devtools tôi đã kiểm tra "Auto-reload CSS khi Sass save".

Trình duyệt có tải lại không? Có cách nào để tải lại không?

Ps - Tôi có la bàn nhưng tôi không thể sử dụng vì nó không hỗ trợ lập bản đồ, vì vậy tôi đang biên soạn sass qua nhà ga

Cảm ơn

Trả lời

1

Có thể tệp Sass vẫn đang được biên dịch khi Chrome cố gắng tải lại CSS. Đặt 'Tự động tải lại CSS khi Sass lưu' Hết thời gian chờ đến 5000 mili giây đã sửa nó cho tôi. Khi Chrome kích hoạt tải lại, nó thậm chí có thể ngăn Sass khỏi biên dịch lại CSS.

+0

đó là m uch tốt hơn! 5000 là quá chậm đối với tôi vì vậy tôi chỉ sử dụng 1100 và nó hoạt động rất tốt. thanks – aurel

+9

Thay đổi thời gian chờ không thể thực hiện được trong cài đặt DevTools nữa. Bất kỳ ý tưởng nơi nó có thể được thay đổi ngay bây giờ? –

+2

Tôi cũng muốn biết câu trả lời cho câu hỏi @MaciejGurban! –

0

tôi giải quyết vấn đề bằng cách cài đặt tincr gia hạn và bây giờ khi Tôi lưu cục bộ, trình duyệt làm mới.

2

Bạn có thể quên bước này:

Trong tab Sources, tìm tập tin CSS tạo của bạn, nhấp chuột phải vào nó và chọn Bản đồ mạng nguồn, và chọn tên file tương tự trong menu thả xuống hiển thị:

enter image description here

và sau đó chọn tập tin phù hợp với từ không gian làm việc của bạn:

enter image description here