如果我在脚本中使用本地存储，Chrome开发工具会变慢或无法响应

Question

我正在尝试使用chrome本地存储制作一个简单的应用程序。应用程序和开发工具无需使用本地存储就可以正常工作。但是，当我在代码中包含本地存储时，开发工具会变得非常慢。

这是我的代码段-

var i=0;
function addItem(i){
  var html='<li class="list-group-item" style="background-color: #D4746A;" id="task-'+i+'"><span>'
  +$('input').val()+'</span><button type="button" style="float:right;" class="btn btn-danger">Delete</button></li>';
  return html;

};

$('input').keypress(function(e){		
	if(e.which == 13  && $('input').val().length>0){
		localStorage.setItem("task-"+i, $('input').val())
		$('ul').append(addItem(i));
		$('input').val('');
		i++;
	}
});


$('ul.list-group').on("click","button.btn",function(){
	// localStorage.removeItem($(this).parent().attr('id'));
	$(this).parent().remove()
})