ユニークなローカルストレージをドメイン上のユニークなWebページに結びつける最も良い方法

Question

私は典型的なウェブページから「雑誌」を作成するjavascriptエンジンを持っています。いくつかのWebページには別々の「問題」があり、すべてが書式設定と動作を駆動する同じjavascriptエンジンを使用します。

エンジンは、ローカルストレージを使用して、ユーザーが最後に雑誌の問題を読んだときに、そのユーザーがあった問題の「ページ」を覚えています。

localStorage.setItem('currentPage',JSON.stringify(currentPage)); 
var currentPage = JSON.parse(localStorage.getItem('currentPage')); 
var remover = $('.article-wrapper:eq(' + currentPage + ')'); 

私の問題は、私は「秋」というタイトルの雑誌の5ページを訪問した場合、それを閉じて「春」というタイトルの雑誌を開いて、である、私は自動的に春の5ページを開始します。

問題のhtmlにある各issueに固有の 'currentPage'変数名を設定する方法はありますか？エンジンのjavascriptでそれを読んでから、コンピュータ/デバイスのローカルストレージに保存しますユーザーは使用していますか？

これらの2つのサイトにアクセスして問題をテストできます。両方を開きます。 1つのサイトの5ページに移動し、もう一方のサイトを更新します。他のページ番号に変更されます。

http://straathof.acadnet.ca/autumn/

http://straathof.acadnet.ca/portfolio/

Answer 1

の代わりに簡単な整数としてcurrentPageを格納し、そのURLの現在のページのURLとページの両方を追跡するオブジェクトを格納します。例えば

：あなたがキーとして完全なURLを持つ気に入らない場合

// When saving the current page. 
var currentPage = new Object(); 
var url = window.location.pathname; 
currentPage[url] = 9; 
localStorage.setItem('currentPage', JSON.stringify(currentPage)); 

// When loading the current page. 
var currentPage = JSON.parse(localStorage.getItem('currentPage')); 
var remove = $('.article-wrapper:eq(' + currentPage[url] + ')'); 

、あなたはページ名を検索しindexOfを使用することができます。詳細については、this StackOverflow answerを参照してください。