Cross-browser проектиране: мисията невъзможна!?

Проектирането на сайт за “Светата троица” лично на мен винаги ми е било доста досадно, защото в повечето случаи нещо работи отлично под Ff и Opera, но Ie-то както винаги прецаква работата. В тези случаи се почва с едни “ie-fix”-ове, които могат да съсипят душицата дори и на експерти. А сега си представете, че се задава още един голям браузър…, който почти сигурно ще набере популярност.

Google Chrome

Дам, за него говоря. Вече мина повече от седмица, откакто от нищото се появи това отроче на гиганта Google. За бързото му разпространение се погрижи разбира се началната страница, където има толкова малко неща, че е невъзможно да не се види какво се “рекламира”.

Първи впечатления

Първото нещо, което си казах, когато за първи път отворих браузъра (това беше в деня на пускането му), беше: “Егати комбинацията между Internet Explorer, Firefox и Opera!”. “Менюто” вдясно за мен е същото като това на Ie, бутоните са разположени горе-долу като тези във Ff, а деветте прозорчета за най-посещавани сайтове ми няпомнят за Opera-та.

Както и да е – специалистите го описват като “браузър с изключително лек и ненатрапчив дизайн, предлагащ бързо, лесно и сигурно сърфиране из мрежата”. Аз ще се съглася с тях като добавя, че наистина е приятно да боравиш с прости неща – в добрия смисъл на думата. Освен това по мои наблюдения не яде толкова памет, при положение, че history-то му е доста подробно и т.н. Може да проверите това и сами – отверете някой сайт, натиснете Shift+Esc и после цъкнете “Статистика за умници”. Натиснете на изображението по-долу, за да видите статистиката за snowbarz.

Негативи

Много се издразних, като видях начина на “highlight”-ване в полетата за въвеждане на текст. Изключително грозно, понеже повечето уебдизайнери са стилизирали формите си за контакт, за да изглеждат по-добре, но с Google Chrome всичко отива по дяволите. Ето и пример http://colourstreet.com/en/contact.php (отворете сайта с Google Chrome и ще видите за какво говоря)

Друго нещо, което не ми се понрави (поне засега не ми харесва) – това е “Проверката на елемента” или еквивалента на Properties. Веднъж цъкнах на “Проверка на елемента”, за да видя размерите на едно изображение, но за сметка на това получих прозорец, от който първо леко се стреснах, понеже не очаквах такова нещо, а след това направо се изгубих. Информацията, която се предлага е твърде подробна и богата и мина време докато намеря това, което търсих – а то беше скрито долу вдясно в Metrics.

Заключение

Не мисля, че проектирането ще стане по-друдно с повявата на Google Chrome (изпробвах някои стари незавършени проекти и всичките работеха добре), но съм сигурен, че този браузър ще се наложи. Все още не съм го разучил из основни, но от птичи поглед се вижда, че има доста глезотийки за разработчици и уебдизайнери. Но стига толкова засега, бъдещето ще покаже.

9 коментара към “Cross-browser проектиране: мисията невъзможна!?”

Хром за мен е просто една олекотена мозила, така че се надявам да не се налага да се прекодира за светата четворка :)

Marfi на 14.09.2008 в 3:41 pm
Аз пък не съм имал никакви проблеми с нито един браузър на страници, писани от професионалисти, които си дават зор кода да им е правилен и коректен.

Докато големите български уебмастери не се научат да си правят страниците като хората непрекъснато ще има хора плюещи по браузъра “чупещ” творенията им.

Chrome e още бета и наистина чупи доста сайтове, но това ще се проемени :).

Явор на 14.09.2008 в 4:19 pm
@Явор
Правилно написаният код няма да работи нормално под-нито един от браузърите. Правилно, значи според стандартите. Тези стандартни са частично засеганти в различни проценти в различните броузъри. Ние “Уебмастерите” не е нужно да стигаме до нервни кризи за да подкараме сайта си да върви еднакво под 4,5 или6 броузара както е сега, ако фирмите си бяха дали малко повече зор при програмирането на енджина на своите броузъри ние щяше да трябва да пишем 50% по-малко код и да завършваме проектите много по-бързо.

Kosio на 14.09.2008 в 6:36 pm
Дай ми съвременен браузър, който не покрива W3C стандартите и ми дай сайт, който минава W3C валидацията, но се чупи на FF, O или IE.
На уебмастерите им е работа 99% от потребителите да им виждат сайта ако не еднакво, то поне читаво. Всичко под този процент е компромис.

Явор на 14.09.2008 в 7:38 pm
И двамата имате право. Наистина това дали един сайт ще се показва правилно зависи най-вече от усилията, упоритостта и уменията на един уебдизайнер. Но също е вярно, че различните браузъри по различен начин интерпретират даден код и съответно рендват по различен начин сайта. В момента не се сещам за примери, но ако си пазя някои много стари опити с HTML и CSS, може и вие да се вкарате в чудо да оправите кашите, дето съм забъркал – и в трите браузъра си спомням, че се виждаха три различни неща :)

Виктор Ваклинов на 14.09.2008 в 10:29 pm
Става невъзможно вече! Винаги ме е дразнило че има толкова много браузъри. Освен тези които си споменал в сатията има още два уеб браузъра, които макар и с по малка роля пак играят на пазара – Safari и Netscape

Нино на 15.09.2008 в 4:44 am
@Явор, Нито един съвременен уеб броузер не спазва на 100% уеб стандартите, за това има и изработен тест от The Web Standards Project – http://acid3.acidtests.org/ , хайде посочими кой от съвременните браузери го взима на 100.
Mozilla Firefox 3.0.1 – 70/100
Internet Explorer 6 – 4/100 (Мазало)
Internet Explorer 7 – ???? (Мазало)
Google Chrome 0.2.149.29 – 79/100
Safari 3.1.2 – 75/100
Opera 9.51 – 84 /100

Заключението е че аз ако пиша изцяло по уеб стандартите xHTML-а и JavaScript-а в сайта си той няма да работи коректно под нито един броузър.

Kosio на 15.09.2008 в 9:19 am
Тестовете са тестове, за да не се взимат на 100%. Аз не ходя всеки ден на тестове, а на уебстраници.

Опитай да пишеш изцяло по уеб стандартите xHTML-а и JavaScript-а и сам ще се убедиш, че не си прав.

Различните браузъри интерпретират различно най-вече грешния код. Когато кода е верен на браузъра му е много по-лесно да го рендерира правилно. Различните браузъри освен това до различна степен “опрощават” грешките на уебмастерите. Едно време IE беше единствения толкова опрощаващ браузър и всички се дразнеха на Netscape и Opera, че им “чупи” страниците. После дойде FireFox и като пълни тъпаци решиха и те, че това е добра стратегия на глупавия кодер всичко да му е простено и с цената на гълтане на памет и тромава работа да замазва повечето грешки и… стана герой на всички уебмастери. конкуренцията между отделните браузъри движи Интернет технологията напред и ако нямаше различни браузъри, щахме да сме 10 години назад по отношение на визия и функционалност на уеб.

Явор на 15.09.2008 в 9:48 am
Според моя опит с правене на сайтове по стандартите, накрая толкова свикваш да пишеш прост и разбираем код, че не се налага да ползваш хакове.

Знаеш кой код какви проблеми предизвиква при различните браузъри и избягваш да го пишеш. Което води до опростяване на кода.

Но разбира се затова се иска доста блъскане на главата с различни задачи. Но пък веднъж като свикнеш – въобще не ти прави впечаление. А и CSS не е C#.

georgivar на 15.09.2008 в 9:43 pm