Мне нужно получить уведомление при изменении localStorage
. Этот код отлично работает в Firefox 24, но не работает в Chrome 29 (или 30) или в IE 10. Он также работает на реальном сервере, но не тогда, когда я тестирую локальный файл (file:///
).
Вот код:
<!DOCTYPE html>
<html>
<head>
<title>Index</title>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#submit').click(function() {
console.log('Clicked');
if($('#username').val() != "")
localStorage.setItem('someItem', 'someValue');
});
$(window).bind('storage', function(e) {
alert('change');
});
});
</script>
</head>
<body>
<input type="text" id="username" name="username" value="" />
<a href="#" id="submit">Click me</a>
<p id="result"></p>
</body>
</html>
В чем проблема с этим в Chrome? Я открываю две вкладки по мере необходимости.