Other fun...

Сверстал я значит html. Все уже было готово и дело дошло до тестирования. Я конечно ждал всяких гадостей от "моего самого любимого браузера Internet Explorer 6", но чтобы на это убить 2 часа!!!! Отладка была затруднена тем что все писалось на gwt и фактически самого хтмля я не видел, а анализировал все только через инспектор DOM(кстати поиск бесплатного инспектора для IE это тоже отдельная история). В итоге все было разобрано по частям в течении полутора часов и получилась всего одна строчка:

<div style="width: 100%; height: 2px; background-color: red"></div>

. Что мы видим в IE??? Мы видим толстую линию не как ни в 2 пикселя. ШЕФ, ВСЕ ПРОПАЛО!!!! но не тут то было Русских так просто не взять, после этого я сделал div не пустым и выяснил что высота div - это высота шрифта, после этого решение пришло:

<div style="width: 100%; height: 2px; background-color: red; font-size: 1px"></div>

ТАРАМ!!! Всё, работает.

Вобще приложение изначально затачивалось под firefox. Но решили чтобы работало везде(идентичность внешнего вида не нужна). В IE заработало без особых проблем, а вот с safari пришлось помучиться:

ТРАБЛ РАЗ. Авторизация в приложении построена через авторизацию на сервере приложений(glassfish), по средствам формы(j_security_check,...). Так вот, если авторизация прошла успешно, возвращалась пустая строка, иначе строка "error"(вот так вот незамысловато:)). Safari утверждал, что строка не пустая. Я ее вывел и вроде как на первый взгляд она был пустой, после чего поставил ограничители на строку(вывел перед строкой символ 'B', а после 'E'). В итоге я получил строку " \n", чем был сильно удивлен. Проблема была решена простым методом trim().

ТРАБЛ ДВА. Отказалась работать History. В onHistoryChanged() вывел token, и увидел что все символы - служебные, т.е. вместо нормального ?Company=Roga, я получал набор из символов %XX. После чего был применен на токен статический метод URL.encode(), после чего я получил почти нормальную строку(символы '?' и '=' все равно остались служебными). Окончательно помогло URL.encodeComponent(). Видимо это тривиальные грабли на которые я наступил по неопытности в web программирование.

Кстати в safari увидел разницу между размерами компонентов, оказывается это из за того что при использовании gwt не рекомендуется задавать размеры в цсс, а задавать их надо в коде(setWidth()/setHeight()/...).

Теперь приложение успешно работает на Firefox 1.x, Firefox2.x, Safari 2, Safari 3, IE6, IE7. К сожалению на опере это чудо пока не совсем работает(хотя большинство функционала работает), но было сказано не тратить время по пустякам

За неименеем Мака брал safari отсюда: http://www.apple.com/safari/download/

Презентации с конференции: http://voicesthatmatter.com/gwt2007/presentations/

Очень интересно, особенно понравилось про производительность. Многое я уже знал(процентов 80), но все равно интересно.

Тем кто не знает что есть gwt: Google Web Toolkit (GWT) — свободный Java фреймворк, который позволяет веб‐разработчикам создавать Ajax приложения на основе Java. (c) Wikipedia

Да, кстати решил с этого поста добавить в привычки, при добавление поста, отмечать теги))) Надеюсь кому-нибудь пригодится)))