Отладка без ошибок и предупреждений

Я делаю сайт, который безупречно работает в Chrome и Firefox. Но в Сафари это не работает. Но в моей консоли нет ошибок или предупреждений. С чего начать?

Не работает в Safari 5.0.5 (mac) и IE9.

Я думаю, проблема в скрипте, который загружается с Flickr.

http://aalborguni.jonasjonasjonas.dk/arkiktektonisk-mestervaerk/ — проверьте, если вы есть время :)


debugging jquery safari flickr
person Jonas Thomsen    schedule 27.04.2011    source источник
comment
Я подозреваю, что проблема с javascript. очень странно, может какой-то конфликт с библиотеками или плагинами только в сафари?   -  person Piotr Kula    schedule 27.04.2011
comment
Я только что посмотрел в IE9, и в этом существует та же проблема.   -  person Mordy    schedule 27.04.2011

Ответы (4)


arrow_upward
2
arrow_downward

Что именно не работает? Это Мак или Вин? Версия сафари? Немного больше информации поможет с решением.

Теоретически и Chrome, и Safari являются браузерами на основе Webkit (хотя версии немного отличаются) и должны быть очень похожи в работе, хотя Chrome использует движок V8 JS, а Safari — нет.

Я бы начал с использования отладчика Safari JS, пошагово просматривая код, запрашивая переменные и т. д. и проверяя, не выскакивает ли у вас что-нибудь.

Немного больше информации о различиях между ними показано в этом вопросе:

Отображает ли Google Chrome страницы так же, как Safari?

Также больше информации о различных JS Engines:

движки JavaScript

person Ira Rainey    schedule 27.04.2011
comment
Обновил вопрос сейчас. Спасибо за ссылки - очень полезно для будущей отладки! - person Jonas Thomsen; 27.04.2011

arrow_upward
1
arrow_downward

Я отладил его с помощью winSafari и получил

Unmatched </p> encountered.  Converting </p> into <p></p>. line 115 ---p>

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
</div>
<p>&nbsp;</p>
</p> <-- ERROR
             </div>
         </div>

I don't know if it is this though.. because javascript is not loading. but maybe?! # I don't think it is the

- but fix that any way- There is a problem with your STYLING?!

Когда страница загружается

<div id="featured" class="orbit" style="height: 1px; width: 1px;

Изображения есть и загружены, но по какой-то причине это не стиль. Итак, еще раз ... плагин работает правильно - попробуйте удалить все, кроме jquery и orbit, или попробуйте тестовую страницу в одиночку, просто в сафари.

Safari

Таким образом, сценарий завершается преждевременно, потому что цикл не происходит.

person Piotr Kula    schedule 27.04.2011
comment
Я проверил это. И я могу получить изображения в любом другом div, кроме div#featured... Я понятия не имею, почему! Когда я прошу скрипт добавить в тело или .post, он работает. Но когда я прошу #featured, это ненормально! - person Jonas Thomsen; 27.04.2011
comment
Он работает на каждой второй странице. Это только при объединении мультилоада с flickr в Orbit. Но да, проблема в том, что он устанавливает высоту/ширину равной 0px... И я понятия не имею, почему. - person Jonas Thomsen; 27.04.2011
comment
хорошо это в IE9 и Safari. что является необычной комбинацией для возникновения ошибки. Обычно это IE или Chrome/Safari, а не смесь. Я могу только предложить вам продолжать разбирать ваш код до тех пор, пока он не заработает... и попытаться определить оттуда, что вызывает конфликт. никаких ошибок не генерируется, поэтому его сложно отлаживать. - person Piotr Kula; 27.04.2011
comment
Это сводит меня с ума :) Так что не медлите с входными данными! :) - person Jonas Thomsen; 27.04.2011

arrow_upward
0
arrow_downward

Запятая после "пули: правда" мне кажется неправильной.

$(window).load(function() {
    $('#featured').orbit({
     animation: 'horizontal-push',      // fade, horizontal-slide, vertical-slide, horizontal-push
     timer: true,            // true or false to have the timer
     advanceSpeed: 8000,         // if timer is enabled, time between transitions 
     pauseOnHover: true,
     startClockOnMouseOut: true,     // if clock should start on MouseOut
     bullets: true,      // true or false to activate the bullet navigation
    });
person Magnus Eklund    schedule 27.04.2011
comment
Думаю, проблема где-то в Flickr-скрипте :) - person Jonas Thomsen; 27.04.2011

arrow_upward
0
arrow_downward

Я нашел ответ на эту глупую ошибку.

Проблема заключалась в том, что орбитальный скрипт был инициализирован раньше, чем flickr-скрипт. И поэтому не смог определить ширину/высоту изображения.

В этом случае я нашел простое решение, жестко запрограммировав высоту/ширину в загрузчик flickr и инициализировав Orbit после того, как это было сделано.

Спасибо за всю твою помощь!

person Jonas Thomsen    schedule 30.06.2011