javascript - Bagaimana untuk berkongsi data antara tab penyemak imbas yang berbeza? Adakah localStorage dan sessionStorage mungkin?

Question

Ikhtisar: Selepas log masuk ke sistem, terdapat halaman untuk mengkonfigurasi beberapa maklumat Selepas mengkonfigurasi maklumat, anda boleh terus mengendalikan halaman lain Walau bagaimanapun, tabiat operasi umum saya ialah membuka dua tab, dan satu tab halaman konfigurasi yang sentiasa terbuka. Halaman tab yang lain ialah halaman operasi;

Keperluan 1: Pada masa ini saya meletakkan sebahagian daripada maklumat konfigurasi ke dalam sessionStorage中，但是两个标签页的sessionstorage是不共享的，只有当前页面配置当前页面操作其他页面才有效，至于不用localStorage kerana maklumat konfigurasi akan sentiasa disimpan dan tidak akan dikemas kini selepas log masuk seterusnya.

Keperluan 2: Jika pemerolehan bahagian hadapan semasa sessionStorage中的信息的逻辑是这样的，如果存在该item并且不为空，便直接用了，不会去后台取，这样的问题是多用户端场景时，其他用户更改了配置，当前客户端不能及时获取最新配置信息，我有一个思路是参照http 3xx的做法，每次前台get配置信息时，都往后台放松一个请求，如果lastmodifiedtime kekal tidak berubah, teruskan menggunakan data tempatan Sebaik sahaja ia berubah, maklumat konfigurasi terkini akan dikembalikan jika anda mempunyai sebarang cadangan yang baik.

Saya tertanya-tanya jika sesiapa mempunyai idea dan cadangan yang lebih baik

Answer 1

Jika saya menghadapi keperluan sedemikian, apa yang saya lakukan:

Keperluan 1: Gunakan LocalStorage, tetapi nama Kunci akan membawa masa tamat tempoh, seperti item&1494485763;

Keperluan 2: Setiap kali item konfigurasi diminta, permintaan permintaan membawa nilai kuki masa pengubahsuaian terakhir; ;

Answer 2

localStorage, kemudian tetapkan semula pada halaman alu-aluan pada halaman log masuk, tidakkah itu mencukupi?

Kemudian keperluan 2 adalah untuk menetapkan masa tamat tempoh. Jika sepuluh minit telah berlalu sejak storan tempatan terakhir. Tarik data sekali lagi.

Answer 3

localStorage atau indexedDB boleh digunakan
Untuk pemprosesan data cache, anda boleh mereka bentuk mekanisme tamat tempoh, atau anda boleh menjana UUID untuk setiap transaksi, dan mengosongkan cache selepas semua transaksi selesai.

Answer 4

localStorage boleh menyelesaikan masalah sepenuhnya Jika maklumat yang anda simpan berubah, cuma kemas kini maklumat storan yang sepadan dalam localStorage. Sudah tentu, jika terdapat maklumat sensitif, ia tidak boleh disimpan dalam pelayar.