通过

Безплатно: SuperPreview за Internet Explorer – ултимативен инструмент за визуална съвместимост между браузърите

  • 项目

Миграцията на сайтове от по-стари версии на Internet Explorer към най-съвременната такава съдържа в себе си немалка доза предизвикателство. До сега на пазара липсваше подходящ инструмент, който да облекчи този процес.

imageНа 03.09.2009 Майкрософт обяви Microsoft Expression Web SuperPreview for Windows Internet Explorer: безплатният, самостоятелен инструмент за визуално отстраняване на грешки, което ще направи животът на дизайнера значително по-лесен, когато става въпрос за такава миграция. Зад малко дългото има “Expression Web SuperPreview for Internet Explorer” стои ефективен инструмент, с чиято помощ миграцията престава да бъде предизвикателство.

Идеята на този инструмент е проста, но ефективна: дизайнерът да вижда двата варианта на страницата, която трябва да се префасонира така, че да изглежда добре на всички браузъри. Безплатната версия на SuperPreview поддържа следните варианти:

  • IE6 към IE8 в Compatibility View
  • IE6 към IE8 в нормалния си режим
  • IE8 Compatibility View в IE8 стандартен режим.

Пакетът Microsoft Expression Web, който съдържа този инструмент в себе си, ще ви даде възможност да работите и с Mozilla Firefox и Safari.

Със SuperPreview се работи лесно: уеб-дизайнерът има възможността да види визуално разликите в следните режими:

image Режим “Един до друг” показва двата браузъра долепени. Когато “посетите” с мишката даден регион, той автоматично се осветява и в другия прозорец. Така веднага се вижда къде са визуалните разликите и кое не е наред. Ако просто се разходите с мишката, нещата които не се наред се набиват веднага в очите на човек. Може да избирате дали искате да виждате разликите оградени от цветен правоъгълник, или искате да затъмните всичко останало, освен наблюдавания фрагмент. Лично на мен това със затъмняването не ми хареса.

image В този режим, когато включите DOM (малкото правоъгълниче долу вдясно) имате още по-подробен поглед в/у разликите. В дадения пример се вижда как Top на избрания параграф в единия случай е 292, а в другия – 308, което всъщност предизвиква разликите във визуалното представяне.

Режим “Един до друг” изглежда удобен за случаите, в които разликите между различните версии са съществени. Дали разделени хоризонтално или вертикално, различните версии на браузърите са винаги отделени. Въпреки спомагателните линии и мрежи забелязването на дребни разлики (от по един-два пиксела например) си остава проблемно.

Поради горния проблем е създаден Режим “Припокриване” . При него се вижда само един прозорец, в който се “наслагват” всички сравнявани версии на браузърите. В този режим дори най-дребните детайли веднага изпъкват и разлики от по един пиксел престават да бъдат проблем:

image

Ефектът от “наслагването” е мигновен: разликите се идентифицират без особено напрягане на зрението.

Минусът на този режим се крие в това, което всъщност виждате по-горе: ако сайтът е доста “различен” между версиите си, то тогава наслагването всъщност се изражда в екранна бъркотия. Смисълът от режим “наслагване” идва тогава, когато останат дребни несъответствия тук и там и дизайнерът е твърдо решен да постигне 100% съвместимост между различните версии.

В заключение може да се каже, че SuperPreview ще облекчи животът на дизайнерите, решени да предоставят професионален изглед на своя сайт под IE и останалите браузъри. Наличието на безплатна версия със сигурност ще увеличи скоростта на интеграция и поддръжката на IE8. Като недостатък на продукта може да се изтъкне това, че при безплатната версия редактирането на сайта трябва да се извършва в любимия редактор. При работа с Microsoft Expression Web обаче вие можете не само да гледате разликите между различните браузъри, но и да редактирате директно сайтът.

Повече информация може да намерите тук:

Със сигурност SuperPreview има и доста други интересни възможности. Аз обаче реших да спра дотук, за да оставя по нещичко и за вас. Ще се радвам да споделите впечатления!