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);
}
}];
}
}