Rails: Làm mới trình duyệt tự động khi xem (và liên quan) tập tin thay đổi

Question

Rất nhiều công việc của tôi (trong Rails) thực sự tập trung xung quanh quan điểm, hình ảnh, SASS/CSS và các tập tin Coffescript/Javascript và tôi muốn có một giải pháp làm mới trình duyệt, bất cứ khi nào tôi thực hiện thay đổi đối với bất kỳ loại tệp nào. Một chút giống như autotest hoặc watchr nhưng đối với các nhiệm vụ 'thiết kế'.

Tôi đã xem watchr và fs-event, dường như cung cấp chức năng liên quan và nhìn xung quanh web nhưng tôi chưa thể tìm thấy bất kỳ giải pháp sẵn sàng nào. Tôi đã bỏ lỡ một cái gì đó? Khó tin rằng điều này sẽ không được thực hiện - những công cụ rõ ràng tồn tại.

Giả sử rằng một công cụ như thế này thực sự không tồn tại, tôi muốn có crack bằng văn bản giải pháp của riêng tôi. Vì vậy, nếu bạn có một số lời khuyên về những gì để xem xét, nơi để có một cái nhìn tại các dự án thú vị vv - Tôi cũng đánh giá cao điều đó.

Cập nhật Một ví dụ workflow sẽ trông như thế này:

1. Start "watcher ứng dụng" trong terminal
2. Rails máy chủ khởi động nếu nó không chạy
3. cửa sổ trình duyệt sẽ mở ra automagically trỏ đến đường ray máy chủ
4. Tôi chuyển và thay đổi một số HTML trong chế độ xem
5. Trình duyệt làm mới tự động đồng minh
6. tôi cập nhật một số CSS
7. Trình duyệt làm mới tự động
8. tôi thêm một file JS mới
9. Trình duyệt làm mới tự động
10. ...

Cheers!

Answer 1

Từ mô tả của bạn, tôi cho rằng LiveReload sẽ thực hiện thủ thuật cho bạn.

Bạn sẽ cần phải thay đổi tập tin .livereload để chỉ tải lại trình duyệt trên sự thay đổi tập tin cụ thể nhưng tất cả bao gồm trong readme (di chuyển đến phần cấu hình)

Ngoài ra còn có XRefresh có thể làm khá nhiều việc cùng nhưng tôi chưa bao giờ sử dụng nó.

Answer 2

Có lẽ bạn đang tìm kiếm thứ gì đó giống như dự án này?

https://github.com/logankoester/autorefresh

Answer 3

Hãy thử Guard::Livereload. Nó sẽ tự động tải lại trình duyệt của bạn khi các tệp 'xem' được sửa đổi.

Để biết thêm thông tin (và một bản demo) xem: http://asciicasts.com/episodes/264-guard

Answer 4

Nó được một thời gian, nhưng tôi đã tìm thấy một cái gì đó tôi nghĩ thậm chí còn tốt hơn so với bất kỳ các tùy chọn này. Với Live.js bạn thậm chí không cần phải sửa đổi dự án của bạn, bạn chỉ có thể nhấp vào bookmarklet và nó sẽ tự động cập nhật khi một cái gì đó thay đổi.

Nhược điểm duy nhất là bạn sẽ nhận được rất nhiều yêu cầu HEAD trong nhật ký máy chủ của mình, nhưng vì tôi sử dụng điều này khi thực hiện chỉnh sửa kiểu mà không thực sự làm phiền tôi. Tôi muốn có nhiều hơn nữa sau đó phải sửa đổi dự án của tôi chỉ cho một công cụ phát triển.