CTAPbIu_MABP's BLOG » IE

polygonzo

CTAPbIu_MABP — Mon, 07 Mar 2011 19:37:11 +0000

Долго и нервно подрачивал на эту красоту. Оказалась авторы сделали из нее открытый проект.

Не буду дразнить, вот ссылка на проект. Кстати не успел его найти как уже поправил в нем баг, такой же как в rocon'e. Походу у всех проблемы с IE9

rocon fix

CTAPbIu_MABP — Thu, 03 Mar 2011 13:49:01 +0000

Rocon это библиотека Сергея Чикуёнока для рисования круглых углов в IE. И хоть проект длавно забыт автором, я о нем вспоминаю когда кому-то из заказчиков хочется поиграть в парк юрского периода.

Работает библиотека крайне хорошо, даже слишком хорошо. Это и будем править. Суть дела в том что в девятой версии осел все-таки научился поддерживать круглые углы, а в rocon'e на версию проверки нет и он продолжает рисовать свои. Вот это и исправляем, добавляя в строку 1052.


if (browser.msie && /(msie) ([\w.]+)/i.exec(navigator.userAgent)[2] < 9) {

Col/Colgroup

CTAPbIu_MABP — Tue, 02 Mar 2010 10:04:57 +0000

Это еще один псот ненависти к IE, и родился он из первой же задачи на новом проекте. Смысл задачи в том что надо сделать скроллер у таблицы, тоесть есть табличка в которой 10 столбиков но показывать надо только 3 и есть кнопочка вперед/назад которая меняет видимые столбики. Ну на мой любимый затык с математикой и крайними случаями у меня ушло всего два часа :( FAIL! А вот на то чтобы заставить исчезать столбики целых два дня.

Как обычно я решил использовать самый современные технологии, например тэг COL для управления колонками, казалось бы что тут такого страшного, все его поддерживают, да не все могут скрыть, ну да ладно в IE8 работает и этого достаточно. Набросал скриптик на jquery вроде такого


$("#myTbl")
    .find("col")
    .css({visibility:"collapse"})
    .slice(firstVisible, firstVisible + columns)
    .css({visibility:""})

я решил что все уже позади, но не тут то было. Во-первых jquery не может различить видимые и невидимые колонки, о чем я оставил камент на странице описания селектора :visible , но похоже разработчики посчитали что это баг репорт и удалили его. Во-вторых чертов IE8 хоть и умеет прятать колонки не может их правильно отрисовать после этого, получаеться что текст всех скрытых колонок отображаеться под текстом первой видимой в несколько слоев, это легко убрать всего лишь нажав ctrl+A, но сами понимаете - это не выход.

Результатом всех этих мучений стало то, что пришлось итерироваться по всем ячейкам таблицы и скрывать неугодные.

Заткнись, Осёл!!!

CTAPbIu_MABP — Tue, 24 Mar 2009 12:18:52 +0000

Мне только что показали замечательный прикол, как подавить вывод ошибок в IE, в остальных браузерах естественно не работает.


window.onerror = function(){return true;}

После этого Ишак молчит как дохлая рыба :). Спасибо, NRG.

UPD: По просьбе Dimox'а пример работы, смотреть естественно только в ишаке.

IE мертв. Да здравствует IE!!!

CTAPbIu_MABP — Sat, 21 Mar 2009 15:05:50 +0000

Все бы уже с радостью похоронили IE6, но сдается мне что не с нашим счастьем. Ведь MicroSoft досих пор тянут за собой мертвый груз IE5.5 засовывая в проекты типа SharePoint вот такие замечательные куски кода.


function DeferCall() {
	if (arguments.length == 0) {
		return null;
	}
	var args = arguments;
	var fn = null;
	if (browseris.ie5up || browseris.nav6up) {
		eval("if (typeof(" + args[0] + ")=='function') { fn=" + args[0] + "; }");
	}
	if (fn == null) { return null; }
	if (args.length == 1) {
	 return fn();
	} else if (args.length == 2) {
		return fn(args[1]);
	} else if (args.length == 3) {
		return fn(args[1], args[2]);
	} else if (args.length == 4) {
		return fn(args[1], args[2], args[3]);
	} else if (args.length == 5) {
		return fn(args[1], args[2], args[3], args[4]);
	} else if (args.length == 6) {
		return fn(args[1], args[2], args[3], args[4], args[5]);
	} else if (args.length == 7) {
		return fn(args[1], args[2], args[3], args[4], args[5], args[6]);
	} else if (args.length == 8) {
		return fn(args[1], args[2], args[3], args[4], args[5], args[6], args[7]);
	} else if (args.length == 9) {
		return fn(args[1], args[2], args[3], args[4], args[5], args[6], args[7], args[8]);
	} else if (args.length == 10) {
		return fn(args[1], args[2], args[3], args[4], args[5], args[6], args[7], args[8], args[9]);
	} else {
		var L_TooManyDefers_Text = "Too many arguments passed to DeferCall"
		alert(L_TooManyDefers_Text);
	}
	return null;
}

А все потому что IE5.5 не поддерживает метод Function.apply .

Хотя IE6 достал уже всех, вот например Apple сделал себе такую страничку, на которой предлагает скачать что-нибудь по современние. Выглядит красиво даже в IE6, но если посмотреть код то там все перехачено вдоль и поперек.

Вот эта страничка меня натолкнула на мысль сверстать похожий "надгробничек" дляя своих целей, используя все то, что использовали разработчики Apple, только без хаков. Смотрите сами что из этого получилось

Internet Explorer 8 вышел...

CTAPbIu_MABP — Thu, 19 Mar 2009 17:00:08 +0000

Качаем...

IE8b1

CTAPbIu_MABP — Tue, 27 Jan 2009 08:49:15 +0000

Вчера пока я писал статью про цепи Маркова мелкомягкие выпустили IE8b1. О том что в нем нового можете почитать на ReadWriteWeb или на TechCrunch. Скачать новую версию можно с оф сайта, а от себя добавлю что на мою домашнюю машинку vista x64 у них русской версии нет, пришлось ставить английскую.

Checkbox+jQuery+IE6

CTAPbIu_MABP — Tue, 06 Jan 2009 10:18:29 +0000

Как же достал это злоебучий IE6!!! Недавно, а точнее неделю назад нашел баг, но локализировать и описать его время появилось тока сейчас. Задача была довольно простая, было две формы и набор checkbox'ов в котором храниться текущее состояние приложения, надо было его отправлять вместе с обоими формами, поэтому я разместил его в одной, а во второй на onsubmit повесил функцию которая забирает их из первой. Пока я разрабатывал под Firefox'ом, как бы все работало как часы, а когда тестеры тестировали под IE6 ничего не работало вообще. У меня естественно стоит IE8b2, потому что там консоль, и баги этой не видно, протестировать нормально нельзя. Начал дебажить java код и действительно данные от checkbox'ов не приходят, поставил снифер перед браузером - данные не отправлены. В общем через пол часа танцев с бубном я вычислил проблемный кусок кода. А теперь покажу его вам и покажу свой workaround, а вы если знаете лучший способ - напишите в каментах.






Checkbox+jQuery+IE6

UPD 20.03.2009: Бага к сожалению не пропала и в jQuery 1.3.2

Console2

CTAPbIu_MABP — Mon, 05 Jan 2009 17:54:46 +0000

Все меньше и меньше остается времени у шестого IE, все больше и больше сайтов объявляют, что они перестают поддерживать дизайн и скрипты для него. Напомню что шестой IE был выпущен в 1999 году то есть 10 лет назад, а до сих пор "популярен". Уже даже сам мелкософт заявил о том что будет распространять седьмой IE как стандартное обновление. Но эта тема все еще может быть актуально потому что даже в седьмом IE нет консоли, и потому что в Opera и у Safari она находиться в зачаточном состоянии по сравнению с firebug'ом. Так вот я и решил то пока еще не поздно написать вторую версию консоли. Заодно углубил свои знания и отточил практику. Теперь она работает еще быстрее и надежнее, хотя все еще не лишена кое каких глюков, например типа-массив arguments так и не покорился. И еще я не хочу чтоб вы думали что дальше я начну накладывать какие-то визуальные эффекты типа плавающих дивов вместо аллертов, я не хочу создавать второй furebug lite.

Итак собственно код, его стало немного больше но на много повысилась производительность. Возможно стоило собрать все методы в объект и наверное я это сделаю но не сейчас, сейчас ее надо потестить в реальных условиях.

И собственно мои тест-кейсы:


window.onload = function(){
	console.log("string: %d %s %d", 10, "text", 10);
	console.info({});
	console.info([]);
	console.info(null);
	console.info(window);
	console.info(document);
	console.info(document.getElementsByTagName("body"));
	console.info(document.getElementsByTagName("body")[0]);
	console.info(Math);
	(function(z){try {x.y = z;}catch(e){console.info(e);}})(null);
	//(function(x,y,z){console.info(arguments)})(1,2,3); // fail

}

Консоль для всех браузеров

CTAPbIu_MABP — Thu, 25 Dec 2008 19:43:55 +0000

Это попытка заставить работать синтаксис консоли FireBug'a со всеми браузерами. ИМХО кроссбраузерный дебаг звучит не ок, но это именно он! А все получилось как-то само собой когда я сегодня что-то дебажил на тестовой платформе и для того чтобы тестеры не видели ошибок прикрывал вызовы консоли заглушками.


if(window.console)
	console.log("myLog");

В общем это как-то гнило, нашел что по данному поводу пишут разработчики Prototype и jQuery, и даже сами разработчики FireBug'a склоняются к заглушкам

Уж очень мне эти затычки не нравятся. И решил я выяснить что можно с этим сделать. Уточнив с какой версии у браузеров появилась консоль (и текущую версию): IE8b2 (IE7), Opera 9.50 (9.63), Safari 1.3 (3.21), FireFox 2.0.0 (3.0.5), я принялся за работу.

Первое что приходило на ум это что-то вроде


if (!window.console) {
	window.console = {};
	window.console.log = alert;
		
}

Но не все так просто, FireBug славится тем что показывает содержимое любого объекта и может делать форматированный вывод. То есть во-первых можно сделать


console.info({a:null});

и увидеть содержимое объекта в закладке DOM, а во-вторых можно сделать форматированный вывод


console.info("string: %d %s %d", 10, "text", 10);

и увидеть строку "string: 10 text 10". В остальных же браузерах можно наблюдать только строку [object Object] и "string: %d %s %d" соответственно, кроме IE8b2, он поддерживает форматный вывод, выпендрился, блин!

Я решил начать с написания форматного вывода, но функция sprintf оказалась настолько громоздкой и избыточной что я решил обойтись небольшим регулярным выражением, для своих нужд, тем более что FireBug тоже не различает %d и %s ;) в отличие от IE8b2 который корректно выводит 0 вместо %d которому соответствует строка. Из этого вывод что достаточно использовать только %s.

Потом я решили что было бы неплохо научиться отображать содержимое объектов и массивов, для этого как нельзя хорошо подходила одна известная функция, написанная очень нелюбимым мной человеком, имя которого можете прочитать в комментарии в коде. Единственные минус этой функции в том что она не может корректно отобразить объекты типа window, на нем она уходит куда-то в глубь рекурсии и безнадежно вешает браузер. Но этот недостаток я постараюсь решить в следующей версии, если такая появиться.

Уже неплохо. Последним штрихом к портрету было прикручивание уровня дебага "log", "debug", "info", "warn", "error". Тут для меня было несколько откровений. Первое это то что массив arguments не такой уже и массив потому что содержит в себе еще и метод callee. Второе - что объект arguments прекрасно превращается в массив с помощью волшебной строки


var args = Array.prototype.slice.call(arguments);

Третье - что этот метод не работает (правильно!) в IE7 и IE8b2, а поэтому не годиться. И наконец четвертое и последние что чертов arguments не возможно обойти циклом через in нужно обязательно это делать через длину


for(var i in arguments) // fail
	alert(arguments[i]);
for(var i=0,j=arguments.length;i



Но это все не помешало мне дописать сегодня этот скрипт и выложит его на ваше растерзание


myConsole = function(){
	var args = (function(a,x){for(var i=0,j=a.length;i2){
		(window.opera?opera.postError:window.alert)(args.shift() +'':\\n''+ args.shift().replace(/(%[ds])/g, function(){
			return args.shift();
			})
		)
	}else{
		// автор функции dump - Дмитрий Котеров
		// http://dklab.ru/chicken/nablas/38.html
		(window.opera?opera.postError:window.alert)(args.shift() +'':\\n''+ (function dump(d,l) {
			if (l == null) l = 1;
			var s = '''';
			if (typeof(d) == "object") {
				s += typeof(d) + " {\\n";				for (var k in d) {
					for (var i=0; i


Кому пригодиться пишите в каменты...