Бедный Рендеринг Сафари

Question

У меня серьезные проблемы с рендерингом в Safari с веб-приложением, над которым я работаю. Большая часть дизайна выполняется с использованием div с использованием абсолютного позиционирования. Это прекрасно работает в Internet Explorer, Firefox, Chrome, Opera, Netscape и konqueror. В Safari это просто беспорядок.

Нет ли в Safari поддержки абсолютного позиционирования элементов div?

Как лучше всего решать проблемы и узнавать, что происходит с браузером Safari?

ОБНОВЛЕНИЕ: Я хотел бы отметить, что я нашел проблему, и я хотел бы поблагодарить всех, кто дал предложения. Именно «Элемент проверки» WebKit дал наиболее полезную информацию. Похоже, что они были конфликтами со встроенными стилями и стилями из CSS. В то время как safari извлекал стили из файла .css, остальные браузеры использовали встроенные стили. я смог увидеть эти конфликты с информацией в инструменте, который был предложен.

Answer 1

Проблема может лежать где-то в вашем JavaScript; Одна из самых заметных особенностей Safari - это то, что ему нравится останавливать выполнение JavaScript после любых ошибок.

Скорее всего, проблема не в CSS, поскольку Safari имеет лучшие стандарты и поддержку CSS, чем любой другой браузер (хорошо, я это сказал).

Используйте встроенный Web Inspector в недавней ночной сборке WebKit для отслеживания проблем.

Answer 2

1. Поддержка Safari?

Safari - это действительно приличный браузер . Если у него есть свои недостатки, они ничем не хуже, чем у любого другого браузера, и они не относятся к классу старых браузеров IE, у которых были очень серьезные проблемы и отсутствовала даже базовая поддержка веб-стандартов. Чтобы конкретно ответить на ваш вопрос, да, он поддерживает абсолютное позиционирование .

Safari, безусловно, может отображать современные X / HTML CSS-дизайны, и, поскольку ваша аудитория все равно в значительной степени использует Safari, вы также можете забыть о запрете браузера . Это хороший браузер, и в любом случае мы не можем его изменить. Нам просто нужно позаботиться об этих ошибках , какими бы они ни были.

2. Как пройти отладку?

Без конкретного примера никто не сможет вам помочь. Кажется справедливым сказать, что у вас есть некоторые проблемы , связанные с управлением макетами на основе CSS . У вас может быть недопустимая разметка , которая в некоторых случаях может приводить к описанным вами экстремальным аномалиям, характерным для браузера.

Начните с основы . Проверьте свою разметку и CSS.

• Валидатор разметки
• CSS Validator

Убедитесь, что вы выполняете рендеринг в стандартном режиме .

Ищите ответы на конкретные вопросы

Если все подтверждено и у вас все еще есть проблемы , вам придется отследить их один за другим. Даже если вы перестраиваете страницу за кулисами в Safari, чтобы увидеть, где все начинает раскручиваться, это того стоит. Если во время этого процесса вы действительно не понимаете, почему существует определенное поведение, у вас, по крайней мере, будет определенный вопрос , который вы можете использовать для поиска ответов. На уже можно ответить на SO , а если нет, вы можете задать его.