調試沒有錯誤或警告

Question

我正在使一個網站，在Chrome和Firefox中完美無瑕。但在Safari中不起作用。但是我的控制檯沒有錯誤或警告。我從哪說起呢 ？

在Safari 5.0.5（mac）和IE9中不起作用。

我認爲問題出在從Flickr加載的腳本中。

http://aalborguni.jonasjonasjonas.dk/arkiktektonisk-mestervaerk/ - 檢查出來，如果你有時間:)

Answer 1

我找到了這個愚蠢的錯誤的答案。

問題是軌道腳本在flickr腳本之前被初始化。因此它無法確定圖像的寬度/高度。

在這種情況下，我找到了一個簡單的解決方案，通過將高度/寬度硬編碼到flickr-loader中 - 以及初始化Orbit。

非常感謝您的幫助！

Answer 2

究竟不起作用？這是Mac還是Win？ Safari版本？多一點信息將有助於解決問題。

從理論上講，Chrome和Safari都是基於Webkit的瀏覽器（雖然版本略有差異），並且在操作上應該非常相似，儘管Chrome使用V8 JS引擎而Safari不支持。

我會首先使用Safari JS調試器，並通過代碼和查詢變量等來查看是否有任何東西會跳出來。

上的兩個之間的差異小的詳細信息顯示在這樣一個問題：

Does Google Chrome display pages the same as Safari?

另外關於不同JS引擎的詳細信息：

JavaScript Engines

Answer 3

逗號後「子彈：真，「對我來說似乎是錯誤的。

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

Answer 4

我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沒有加載。但也許？！ ＃ 我不認爲這是

- 但以任何方式解決 - 你的風格有問題？！

當網頁加載其

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

的圖像是有和加載，但由於某種原因，它不是造型。所以再次..插件工作正常 - 0嘗試刪除除jQuery和oribit之外的所有東西 - 或嘗試一個簡單的Safari瀏覽器測試頁面。

所以腳本過早結束，因爲沒有循環正在發生的事情。