iOS中LocalStorage相關技術

1.localStorage介紹
在HTML5中,新加入了一個localStorage特性,這個特性主要是用來作為本地存儲來使用的,解決了cookie存儲空間不足的問題(cookie中每條cookie的存儲空間為4k),localStorage中一般瀏覽器支持的是5M大小,這個在不同的瀏覽器中l(wèi)ocalStorage會有所不同。

2.localStorage的優(yōu)勢
1、localStorage拓展了cookie的4K限制
2、localStorage會可以將第一次請求的數(shù)據(jù)直接存儲到本地,這個相當于一個5M大小的針對于前端頁面的數(shù)據(jù)庫,相比于cookie可以節(jié)約帶寬,但是這個卻是只有在高版本的瀏覽器中才支持的

3.localStorage的局限
1、瀏覽器的大小不統(tǒng)一,并且在IE8以上的IE版本才支持localStorage這個屬性
2、目前所有的瀏覽器中都會把localStorage的值類型限定為string類型,這個在對我們日常比較常見的JSON對象類型需要一些轉換
3、localStorage在瀏覽器的隱私模式下面是不可讀取的
4、localStorage本質上是對字符串的讀取,如果存儲內容多的話會消耗內存空間,會導致頁面變卡
5、localStorage不能被爬蟲抓取到

4.localStorage和sessionStorage的區(qū)別
localStorgae的生命周期是永久的,除非主動刪除(或者是卸載app),
sessionStorage的生命周期是在當前的webview中,如果關閉當前webview的話,就會失效

5.相關代碼例子(WKWebView例子)參考文章 iOS開發(fā)-設置localStorage和sessionStorage

// 頁面加載完成
- (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation {
    // 添加local storage
    {
        NSString * userContent = [NSString stringWithFormat:@"{\"token\": \"%@\", \"userId\": %@}", @"a1cd4a59-974f-44ab-b264-46400f26c849", @"89"];
        // 設置localStorage
        NSString *jsString = [NSString stringWithFormat:@"localStorage.setItem('userContent', '%@')", userContent];
        // 移除localStorage
        // NSString *jsString = @"localStorage.removeItem('userContent')";
        // 獲取localStorage
        // NSString *jsString = @"localStorage.getItem('userContent')";
        [self.webView evaluateJavaScript:jsString completionHandler:nil];
    }
    
    // 添加session storage
    {
        NSString * userContent = [NSString stringWithFormat:@"{\"token\": \"%@\", \"userId\": %@}", @"a1cd4a59-974f-44ab-b264-46400f26c849", @"89"];
        NSString *jsString = [NSString stringWithFormat:@"sessionStorage.setItem('userContent', '%@')", userContent];
        // 移除sessionStorage
        // NSString *jsString = @"sessionStorage.removeItem('userContent')";
        // 獲取sessionStorage
        // NSString *jsString = @"sessionStorage.getItem('userContent')";
        
        [self.webView evaluateJavaScript:jsString completionHandler:nil];
    }
}

主要的語法:
localStorage.setItem('userContent', '%@')
localStorage.removeItem('userContent')
localStorage.getItem('userContent')


項目中的應用

// 頁面加載完成
- (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation {
    if (self.isMap) {
        // 移除localStorage
        NSString *removeRankString = @"localStorage.removeItem('rank')";
        NSString *removeWishMajorString = @"localStorage.removeItem('wishMajor')";
        [self.webView evaluateJavaScript:removeRankString completionHandler:nil];
        [self.webView evaluateJavaScript:removeWishMajorString completionHandler:nil];
        
        NSArray *rankArray = self.rankArray;
        NSArray *wishMajorArray = self.wishMajorArray;
        NSString *rankJS = [rankArray yy_modelToJSONString];
        NSString *wishMajorJS = [wishMajorArray yy_modelToJSONString];
        
        // 添加localStorage
        NSString *setRankjsString;
        NSString *setWishMajorjsString;
        
        if (rankArray.count != 0) {
            setRankjsString = [NSString stringWithFormat:@"localStorage.setItem('rank', '%@')", rankJS];
        }
        
        if (wishMajorArray.count != 0) {
            setWishMajorjsString = [NSString stringWithFormat:@"localStorage.setItem('wishMajor', '%@')", wishMajorJS];
        }
        
        [self.webView evaluateJavaScript:setRankjsString completionHandler:nil];
        [self.webView evaluateJavaScript:setWishMajorjsString completionHandler:nil];
        
        // 獲取localStorage
        NSString *getWishMajorjsString = @"localStorage.getItem('wishMajor')";
        [self.webView evaluateJavaScript:getWishMajorjsString completionHandler:^(id data, NSError * _Nullable error) {
                            
            if (![data isKindOfClass:[NSNull class]]) {
                NSData *nowData = [data dataUsingEncoding:NSUTF8StringEncoding];
                NSArray *dataArray = [NSJSONSerialization JSONObjectWithData:nowData options:0 error:nil];
                
                debugLog(@"%@", dataArray);
                
            }
        }];
    }
}
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內容