微信内置浏览器是否支持localstorage

微信内置浏览器是否支持localstorage(测试)

LocalStorage即本地存储，它的前身是userData，与之相类似的接口SessionStorage是一个前端的概念，它只是可以将一部分数据在当前会话中保存下来，刷新页面数据依旧存在。但当页面关闭后，sessionStorage 中的数据就会被清空。

以下是LocalStorage的测试代码：

var storage = window.localStorage;
if (!storage.getItem("pageLoadCount")) storage.setItem("pageLoadCount", 0);
storage.pageLoadCount = parseInt(storage.getItem("pageLoadCount")) + 1; //必须格式转换
document.getElementById("count").innerHTML = storage.pageLoadCount;
showStorage();
if (window.addEventListener) {
	window.addEventListener("storage", handle_storage, false);
} else if (window.attachEvent) {
	window.attachEvent("onstorage", handle_storage);
}

function handle_storage(e) {
	if (!e) {
		e = window.event;
	}
	showObject(e);
}
function showObject(obj) {
	//递归显示object
	if (!obj) {
		return;
	}
	for (var i in obj) {
		if (typeof(obj[i]) != "object" || obj[i] == null) {
			document.write(i + " : " + obj[i] + "<br/>");
		} else {
			document.write(i + " : object" + "<br/>");
		}
	}
}
storage.setItem("a", 5);

function changeS() {
	//修改一个键值，测试storage事件
	if (!storage.getItem("b")) {
		storage.setItem("b", 0);
	}
	storage.setItem('b', parseInt(storage.getItem('b')) + 1);
}

function showStorage() {
	//循环显示localStorage里的键值对
	for (var i = 0; i < storage.length; i++) {
		//key(i)获得相应的键，再用getItem()方法获得对应的值
		document.write(storage.key(i) + " : " + storage.getItem(storage.key(i)) + "<br>");
	}
}

测试设备：Android4.4.0 微信内置浏览器

从测试结果中得出结论，微信内置浏览器是支持localStorage的，无论是退出微信再刷新，或者重启手机再刷新，localStorage的状态都会保存在手机里。

因为考虑到每个 HTTP 请求都会带着 Cookie 的信息，所以 Cookie 当然是能精简就精简啦，比较常用的一个应用场景就是判断用户是否登录。针对登录过的用户，服务器端会在他登录时往 Cookie 中插入一段加密过的唯一辨识单一用户的辨识码，下次只要读取这个值就可以判断当前用户是否登录啦。曾经还使用 Cookie 来保存用户在电商网站的购物车信息，如今有了 localStorage，似乎在这个方面也可以给 Cookie 放个假了~

而另一方面 localStorage 接替了 Cookie 管理购物车的工作，同时也能胜任其他一些工作。比如HTML5游戏通常会产生一些本地数据，localStorage 也是非常适用的。如果遇到一些内容特别多的表单，为了优化用户体验，我们可能要把表单页面拆分成多个子页面，然后按步骤引导用户填写。这时候 sessionStorage 的作用就发挥出来了。

安全性问题：

        需要注意的是，不是什么数据都适合放在 Cookie、localStorage 和 sessionStorage 中的。使用它们的时候，需要时刻注意是否有代码存在 XSS 注入的风险。因为只要打开控制台，你就随意修改它们的值，也就是说如果你的网站中有 XSS 的风险，它们就能对你的 localStorage 肆意妄为。所以千万不要用它们存储你系统中的敏感数据。

参考资料：

http://jerryzou.com/posts/cookie-and-web-storage/

http://www.cnblogs.com/xiaowei0705/archive/2011/04/19/2021372.html