Làm cách nào để làm cho Firefox tự động làm mới khi thay đổi tệp?

Có ai biết về tiện ích mở rộng cho Firefox hay tập lệnh hay một số cơ chế khác có thể giám sát một hoặc nhiều tệp cục bộ. Firefox sẽ tự động làm mới hoặc cập nhật canvas của nó khi nó phát hiện thấy sự thay đổi (dấu thời gian) trong (các) tệp.Làm cách nào để làm cho Firefox tự động làm mới khi thay đổi tệp?

Để chỉnh sửa CSS, nó sẽ là lý tưởng nếu chỉ CSS có thể được tải lại, thay vì hoàn trả lại HTML đầy đủ.

Có hiệu quả nó sẽ cho phép hành vi tương tự với Firebug với tính năng chỉnh sửa HTML/CSS động của nó, chỉ thông qua các tệp bên ngoài.

Nguồn

2009-08-28 Charles Roper

Live.js

Từ trang web:

như thế nào? Chỉ cần bao gồm Live.js và nó sẽ theo dõi trang hiện tại bao gồm CSS cục bộ và Javascript bằng cách gửi các yêu cầu HEAD liên tiếp đến máy chủ. Các thay đổi đối với CSS sẽ được áp dụng thay đổi động và HTML hoặc Javascript sẽ tải lại trang. Thử nó!

Ở đâu? Live.js hoạt động trong Firefox, Chrome, Safari, Opera và IE6 + cho đến khi được chứng minh khác. Live.js độc lập với khung phát triển hoặc ngôn ngữ bạn sử dụng, cho dù đó là Ruby, Thủ công, Python, Django, NET, Java, Php, Drupal, Joomla hoặc những gì bạn có.

Có lợi ích lớn khi làm việc với IETester, tự động làm mới từng tab IE đang mở.

Hãy thử bằng cách thêm dòng sau vào bạn <head>

<script type="text/javascript" src="http://livejs.com/live.js"></script>

Nguồn

2011-06-17 12:39:41

Đây là những gì tôi đã tìm kiếm một thời gian khá dài và nó hoạt động kỳ diệu !!! Nó phát hiện sự thay đổi và lưu của một trang và ngay lập tức tải lại trang và điều này giúp tôi tiết kiệm thời gian từ việc phải tải lại trang mỗi khi tôi thực hiện thay đổi! Cảm ơn một tấn để chia sẻ! – Devner

+11

Wow, cảm ơn! Đối với tất cả, ai sẽ sử dụng nó, xin lưu ý rằng '' 'Live.js không hỗ trợ giao thức tệp. Nó cần http.''' – antongorodezkiy

Không làm việc cho tôi vì vậy tôi đã viết kịch bản php và kịch bản js. Các kịch bản lệnh JS yêu cầu mỗi giây thứ hai đối với tập lệnh php và tập lệnh php kiểm tra xem các tệp đã bị thay đổi chưa. Nếu họ đã làm nó cho biết js trang đó sẽ được làm mới. Bạn có thể chỉ định những tiện ích mở rộng nào và thư mục nào bạn muốn xem. Bạn chỉ cần đặt hai tệp vào dự án của mình và bạn đã hoàn tất. Không phụ thuộc và không có phần mềm của bên thứ ba trong hệ thống của bạn. Chi tiết hơn: http://alexshulzhenko.ru/web-development-autorefresh-page-on-changes – Tebe

Bạn chỉ có thể đặt khoảng thời gian javascript trên trang của mình, yêu cầu truy vấn tập lệnh cục bộ kiểm tra ngày cuối cùng đã sửa đổi tệp css và làm mới nó nếu nó thay đổi.

jQuery Ví dụ:

var modTime = 0; 
setInterval(function(){ 
    $.post("isModified.php", {"file":"main.css", "time":modTime}, function(rst) { 
    if (rst.time != modTime) { 
     modTime = rst.time; 
     // reload style tag 
     $("head link[rel='stylesheet']:eq(0)").remove(); 
     $("head").prepend($(document.createElement("link")).attr({ 
      "rel":"stylesheet", 
      "href":"http://sstatic.net/mso/all.css?v=4372" 
     }) 
    ); 
    } 
    }); 
}, 5000);

Nguồn

2009-08-28 12:35:31 Sampson

Điều này có thể được triển khai dưới dạng bookmarklet không? –

Có, nó chắc chắn có thể. Mặc dù nó sẽ yêu cầu jQuery được tải trên trang. – Sampson

@CharlesRoper Đây là bookmarklet bạn đang tìm kiếm: http://www.pagereboot.com/ –

Có một số của IDE có chứa khả năng này (Họ sẽ có một cửa sổ trong họ hoặc một số phương tiện khác để tự động làm mới một trang trên tiết kiệm).

Nếu bạn muốn tự mình làm điều này, hãy nhanh chóng đặt meta refresh trên trang thành giá trị thấp - một hoặc hai giây.

# Will refresh the page content every second 
<meta http-equiv="refresh" content="1" />

Nguồn

2009-08-28 12:38:12

Nếu tôi không nhầm, điều này sẽ làm cho trang nhảy xung quanh nếu nó có thanh cuộn. – Sampson

Tôi nghĩ rằng bạn có thể giải quyết nó bằng cách sử dụng một số yêu cầu ajax sau một khoảng thời gian xác định. Bạn có thể thực hiện yêu cầu đối với các tệp CSS và sau đó nếu bạn không nhận được tiêu đề "không được sửa đổi", bạn sẽ xóa css và tải lại. Đối với các tệp động, bạn thực hiện một yêu cầu và lưu trữ phản hồi và sau đó mỗi khi bạn thực hiện yêu cầu cho tệp đó, bạn sẽ so sánh phản hồi với tệp mới nhất.

Nguồn

2009-08-28 12:38:56 mck89

Xrefresh với firebug.

Nguồn

2009-11-30 15:21:04 Alysko

Có khả năng thay thế Linux không? –

Tuyệt đối, nhưng tôi không thử: http://github.com/darwin/xrefresh. – Alysko

Nó đã được thay thế bởi [LiveReload] (http://livereload.com/), là phần mềm chia sẻ cho Mac: $ 10. Không biết nếu nó là miễn phí cho các nền tảng khác. Tôi đang sử dụng [Tự động Nạp lại] miễn phí (https://addons.mozilla.org/en-US/firefox/addon/auto-reload/) được đề xuất bởi một nhận xét khác. – Blaise

Firefox có phần mở rộng có tên là mozRepl.

Emac có thể cắm vào chế độ này, với chế độ tải lại khi lưu.

khi thiết lập, lưu tệp buộc phải làm mới cửa sổ trình duyệt.

Nguồn

2011-04-15 02:36:01 bob

Và đối với Vim nó được đề cập tại: http: //vim.wikia.com/wiki/Automatically_refresh_display_of_html_on_saving_file –

Auto Nạp lại là một phần mở rộng cho Firefox theo dõi những thay đổi tập tin địa phương và làm mới trình duyệt:

https://addons.mozilla.org/en-US/firefox/addon/auto-reload/

Nguồn

2011-09-06 20:20:07

Plugin này rất tuyệt, nhưng thật đáng buồn là không còn được hỗ trợ từ FF Quantum nữa. –

Tôi muốn giới thiệu livejs

Nhưng nó có sau Ưu và Nhược

Ưu điểm:
1. Dễ dàng cài đặt
2. Công trình liên tục trên các trình duyệt khác nhau (Live.js hoạt động trong Firefox, Chrome, Safari, Opera và IE6 +)
3. Không thêm khoảng thời gian gây khó chịu cho trình duyệt làm mới đặc biệt khi bạn muốn gỡ lỗi cùng với thiết kế
4. Chỉ làm mới khi bạn lưu thay đổi ctrl + S
5. Trực tiếp lưu CSS vv từ firebug Tôi đã không sử dụng tính năng đó nhưng đọc trên trang web của họ http://livejs.com/ rằng họ hỗ trợ nó quá !!!

Nhược điểm:
1. Nó sẽ không hoạt động trên giao thức tập tin file:///C:/Users/Admin/Desktop/livejs/live.html
2. Bạn cần có máy chủ để chạy nó như http://localhost
3. Bạn cần phải loại bỏ nó trong khi triển khai trên dàn/sản xuất
4. Không phục vụ CDN Tôi đã thử gian lận & áp dụng liên kết trực tiếp http://livejs.com/live.js nhưng nó sẽ không hoạt động, bạn phải tải xuống và tiếp tục làm việc tại địa phương.

Nguồn

2016-05-25 06:35:30

hoạt động hoàn hảo! – jpenna

Browsersync có thể thực hiện việc này từ phía máy chủ/bên ngoài trình duyệt.

Điều này có thể đạt được nhiều kết quả lặp lại/những thứ không đòi hỏi quá nhiều nhấp chuột.

này sẽ phục vụ cho một trang và làm mới về biến đổi

cd static_content 
browser-sync start --server --files .

Nó cũng cho phép một chế độ kịch bản.

Nguồn

2017-11-22 02:09:53

Làm cách nào để làm cho Firefox tự động làm mới khi thay đổi tệp?

Trả lời

Các vấn đề liên quan