Форум

evgkar · #1 (**permalink**) 27.12.2011, 17:13

Необходимо делать опрос сервера с интервалом в 250мс. Сервер находится в другом домене, поэтому для обращения был выбран JSONP. Однако, оказалось, что в Internet Explorer 9 происходит нечто очень похожее на утечку памяти. Приведу пример:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <script src="scripts/jquery-1.7.1.min.js"></script>
        <script src="scripts/jquery.jsonp-2.2.0.min.js" type="text/javascript"></script>
    </head>
    <body>
        <h1> Test in progress... Please, don't close this page </h1>
        <script type="text/javascript">
                        function send(){
                            $.ajax({
                                url: "http://localhost:81/job/GetAllStatuses/jsonp",
                                success: onReceive,
                                dataType: 'jsonp',
                                cache: false
                            });
                            
// Вариант со сторонним плагином - то же самое                            
//                            $.jsonp({
//                                url: "http://localhost:81/job/GetAllStatuses/jsonp?callback=?",
//                                success: onReceive
//                            });
                        }

                        function onReceive(message) {
                            // Даже если здесь ничего не делать - утечка есть
                        }

                        setInterval(send, 250);
            
        </script>
    </body>
</html>

Как видно, было сделано 2 теста — с использованием jQuery и отдельного плагина. Результат приблизительно один и тот же — линейный рост памяти, потребляемой процессом IE. За 1,5 часа рост ~ на 270 MB.

Кстати, забавно — запускал нечто подобное и под Chrome, но там измерял размер хипа (с помощью встроенного средства профилирования памяти) — результат крайне интересный: при использовании $.ajax размер хипа увеличился за 17 часов ~ на 30МБ, а вот у плагина ($.jsonp) результат был неожиданно лучше — за 17 часов вырос всего на 30КБ =)

Поэтому хотелось бы узнать каким образом, используя JSONP, устранить такое неуемное потребление памяти?

PS. Провел тест с использованием вот этой штуки - результат тот же

e1f · #2 (**permalink**) 27.12.2011, 19:15

http://javascript.info/tutorial/memo...val-settimeout

поиск

Попробуйте не интервал, а таймаут, и попробуйте делать clear+set. Тоже течет?

evgkar · #3 (**permalink**) 28.12.2011, 19:34

Сообщение от e1f

Попробуйте не интервал, а таймаут, и попробуйте делать clear+set. Тоже течет?

Да, с таймаутом та же проблема.

Решил вообще дистанцироваться от циклов и проверить просто обращения на сервер. Делал следующим образом: добавил на страницу кнопку, которая инициирует jsonp-запрос (для jsonp использовал Lightweight-JSONP, в силу ее компактности и наглядности).

Код с этой библиотечкой:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<script type="text/javascript">
			/*
			* Lightweight JSONP fetcher
			* Copyright 2010 Erik Karlsson. All rights reserved.
			* BSD licensed
			*/


			/*
			* Usage:
			* 
			* JSONP.get( 'someUrl.php', {param1:'123', param2:'456'}, function(data){
			*   //do something with data, which is the JSON object you should retrieve from someUrl.php
			* });
			*/
			var JSONP = (function(){
				var counter = 0, head, query, key, window = this;
				function load(url) {
					var script = document.createElement('script'),
						done = false;
					script.src = url;
					script.async = true;
			 
					script.onload = script.onreadystatechange = function() {
						if ( !done && (!this.readyState || this.readyState === "loaded" || this.readyState === "complete") ) {
							done = true;
							script.onload = script.onreadystatechange = null;
							if ( script && script.parentNode ) {
								script.parentNode.removeChild( script );
							}
						}
					};
					if ( !head ) {
						head = document.getElementsByTagName('head')[0];
					}
					head.appendChild( script );
				}
				function jsonp(url, params, callback) {
					query = "?";
					params = params || {};
					for ( key in params ) {
						if ( params.hasOwnProperty(key) ) {
							query += encodeURIComponent(key) + "=" + encodeURIComponent(params[key]) + "&";
						}
					}
					var jsonp = "json" + (++counter);
					window[ jsonp ] = function(data){
						callback(data);
						try {
							delete window[ jsonp ];
						} catch (e) {}
						window[ jsonp ] = null;
					};
			 
					load(url + query + "callback=" + jsonp);
					return jsonp;
				}
				return {
					get:jsonp
				};
			}());
		</script>		
	</head>
	<body>
		<h1> Test in progress... Please, don't close this page </h1>
		<script type="text/javascript">
			function send() {
				JSONP.get('http://localhost:8888/job/GetAllStatuses/jsonp',{},onReceive);
			}
			
			function onReceive(data) {
			
			}
		</script>
		
		<input type="button" onclick="send()" value="send" />
	</body>
</html>

Размер приходящих с сервера данных ~ 2.86 КБ.

Далее, сделал скрипт для Autohotkey следующего вида:

Код:

Loop {
   IfWinActive, D:\Tmp\testjsonp.html - Windows Internet Explorer
   {
       MouseClick, left,  30,  143
       Sleep, 250
   }
}

Основная и единственная задача сего скрипта - бесконечно кликать по сделанной мной кнопке "Send" в окошке IE (координаты соответствуют положению кнопки на моем экране

с интервалом в ~250мс)

Если всю эту штуку запустить, то можно наблюдать как в IE9 растет память (за полчаса на 50МБ).

vflash · #4 (**permalink**) 28.12.2011, 19:40

IE может не освобождать память до момента когда она понадобиться системе.
паника=off;

Форум

Справочник

Discord чат

Курсы javascript