调试没有错误或警告

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浏览器测试页面。

所以脚本过早结束，因为没有循环正在发生的事情。