JS membezakan sama ada halaman penyemak imbas dikemas kini atau kemahiran closed_javascript

Pembangun web sering menghadapi pelbagai permintaan daripada pengurus produk semasa pembangunan sistem Sudah tentu, kebanyakan daripada mereka membantu untuk pengalaman produk, seperti menyegarkan halaman, ke hadapan dan ke belakang, dan menutup penyemak imbas yang kami sebutkan hari ini. untuk mengelakkan salah operasi pengguna, kotak gesaan pengesahan sekunder perlu diberikan. Saya percaya semua orang sudah biasa dengan ini dengan menggunakan mekanisme acara BOM yang disediakan oleh pelayar . Jika pengurus produk Adalah difahami untuk menaikkan permintaan sedemikian, tetapi ia memerlukan lebih daripada ini...

Sebagai contoh, semasa salah satu pembangunan projek kami, pengurus produk mencadangkan "pelan penambahbaikan" untuk pelaksanaan kami:

Kotak timbul anda terlalu hodoh dan tidak sepadan dengan gaya keseluruhan sistem. Tidakkah kami boleh menggunakan Dialog dalam perpustakaan komponen kami sendiri? Soalan yang sangat bagus...saya cuma nak cakap, awak boleh bangun...

Salinan yang dipaparkan dalam tab muat semula dan tutup anda adalah sama. Gesaan muat semula ialah XXX dan gesaan SSS digesa semasa menutup, supaya pengguna boleh menjadi lebih jelas. Nah, memandangkan pengalaman pengguna, ia sangat bagus, saya masih ingin mengatakan, anda boleh... Malah, penyemak imbas itu sendiri telah memperlakukannya secara berbeza apabila ia ditutup dan disegarkan mereka. Sesetengah bahagian tidak boleh memaparkan penulisan salinan yang berbeza, sudah tentu, terdapat beberapa kaedah penggodaman, tetapi sukar untuk menyesuaikan diri dengan berbilang penyemak imbas, dan mekanisme pelaksanaan dalaman untuk menutup tab dan menyegarkan akan berbeza dalam setiap penyemak imbas;

Bezakan antara menyegarkan dan menutup tab Kami tidak dapat membezakan antara menyegarkan atau menutup tab berdasarkan peristiwa penyemak imbas, dan kemudian melakukan tindakan yang berbeza sebelum tindakan yang sepadan dicetuskan Walau bagaimanapun, mengenai perkara ketiga yang dibangkitkan oleh produk di atas, kami sebenarnya boleh mempertimbangkan untuk mengoptimumkannya, iaitu, hanya Terdapat kelewatan 10 saat apabila menyegarkan tidak akan ada kelewatan apabila log masuk semula atau selepas menutup tab untuk seketika;

const MAX_WAIT_TIME = 10;
const currentDate = new Date().getTime();
const lastestLeaveTime = parseInt(this.$window.localStorage.getItem('lastestLeaveTime'), 10) || currentDate;
this.secondCounter = Math.max(MAX_WAIT_TIME - Math.ceil((currentDate - lastestLeaveTime) / 1000), 0);
if (this.secondCounter > 0) {
this.logoutTimeInterval = this.$interval(()=> {
this.secondCounter--;
this.$scope.$digest();
}, 1000, this.secondCounter, false).then(() => {
this.updateByStatus(this.AvayaService.status.OFFLINE);
});
} else {
this.updateByStatus(this.AvayaService.status.OFFLINE);
}

//刷新页面或者关闭页面
$window.onbeforeunload = () => {
return '操作将会导致页面数据清空，请谨慎操作...';
};
//每次页面unload时，设置LocalStorage时间；
$window.onunload = () => {
$window.localStorage.setItem('lastestLeaveTime', new Date().getTime());
};