Отладка без ошибок и предупреждений - PullRequest
Новая
       19

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

0 голосов
/ 27 апреля 2011

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

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

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

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

Ответы [ 4 ]

2 голосов
/ 27 апреля 2011

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

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

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

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

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

Также дополнительная информация о различных двигателях JS:

JavaScript Двигатели

1 голос
/ 27 апреля 2011

Я отладил его с помощью 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>

Хотя я не знаю, так ли это, потому что javascript не загружается. но возможно?! # Я не думаю, что это

- но исправить это в любом случае - есть проблема с вашим STYLING?!

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

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

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

Safari

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

0 голосов
/ 30 июня 2011

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

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

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

Спасибо за вашу помощь!

0 голосов
/ 27 апреля 2011

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

$(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
    });
...