Phát hiện làm mới trình duyệt trong Javascript

Question

Tôi tò mò nếu có một cách để phát hiện sự kiện làm mới trình duyệt trong javascript cụ thể. Chúng tôi đang sử dụng plugin jQuery.address để cung cấp chức năng nút chuyển tiếp và nút quay lại cho các chức năng AJAX. Vấn đề tôi đang phải đối mặt là plugin này dường như không phát hiện được nếu người dùng đã làm mới trang.

Mã này được thực hiện mỗi khi người dùng di chuyển về phía trước hoặc quay lại lịch sử trình duyệt. Tôi cũng muốn nó exexute khi người dùng làm mới.

$.address.init(function(event) { 
}).change(function(event) { 

     SummaryDiv.SwapPanels(newPanelID); 
    } 

Bất kỳ ý tưởng nào?

Answer 1

Một nỗ lực ngây thơ của tôi sẽ chỉ đơn giản là lưu trữ trạng thái hiện tại vào một số cookie sau mỗi thay đổi và chỉ cần tải lại chúng trên mỗi lần tải trang.

Answer 2

Khi làm mới trang, javascript cũng được tải lại. Vì vậy, bạn không thể chỉ định những gì bạn muốn xảy ra trực tiếp trong phương pháp sẵn sàng của jQuery?

Answer 3

Các mặt hàng này trên web cho bạn ...

Có cả một phương pháp thông minh javascript cùng với một phương pháp cookie.

http://www.tedpavlic.com/post_detect_refresh_with_javascript.php

Answer 4

tôi đã có thể để buộc các mã sự kiện thay đổi để chạy trên refresh bởi

window.onload = $.address.update(function(){  
... 
}) 

Answer 5

Cùng những dòng này, tôi đã có một trang mà hành vi của tôi không muốn lặp lại nếu làm mới, vì vậy tôi đã thay đổi mã băm theo chương trình như được mô tả trong this answer.

checkRefresh: function() { 
    if (document.location.hash === '#visited') { 
     console.log('Refreshed'); 
     return true; 
    } else { 
     document.location.hash = 'visited'; 
     return false; 
    } 
} 

CẬP NHẬT

tôi thấy rằng ít nhất Mobile Safari sẽ bỏ qua băm nếu làm mới xảy ra tự động (ví dụ dữ liệu trang đã bị xóa hẳn từ bộ nhớ cache trước khi được xem một lần nữa). Tôi đã sử dụng một giải pháp phức tạp hơn described here.