javascript - IE8/Javascript 冲突？开发中的 IE8 跨站点卡住 - 包括 Javascript 列表

Question

我们目前正在重新设计更新我们的网站。然而，该网站在 Windows XP/IE 8 中卡住，但我们的开发团队不确定原因。 IE8版本为8.0.6001.18702。

这是整个网站的 header 中使用的 JavaScript。是否有任何已知的冲突可能会卡住 IE8？

<script type="text/javascript" src="/sites/all/modules/jquery_update/replace/jquery.min.js?D"></script>
<script type="text/javascript" src="/misc/drupal.js?D"></script>
<script type="text/javascript" defer="defer" src="/sites/all/modules/admin_menu/admin_menu.js?D"></script>
<script type="text/javascript" src="/sites/all/libraries/colorbox/colorbox/jquery.colorbox-min.js?D"></script>

<script type="text/javascript" src="/sites/all/modules/colorbox/js/colorbox.js?D"></script>
<script type="text/javascript" src="/sites/all/modules/colorbox/styles/default/colorbox_default_style.js?D"></script>
<script type="text/javascript" src="/sites/all/modules/nice_menus/superfish/js/superfish.js?D"></script>
<script type="text/javascript" src="/sites/all/modules/nice_menus/superfish/js/jquery.bgiframe.min.js?D"></script>
<script type="text/javascript" src="/sites/all/modules/nice_menus/nice_menus.js?D"></script>
<script type="text/javascript" src="/sites/all/libraries/qtip//jquery.qtip-1.0.0-rc3.min.js?D"></script>
<script type="text/javascript" src="/sites/all/modules/qtip/js/qtip.js?D"></script>
<script type="text/javascript" src="/sites/all/modules/spamspan/spamspan.compressed.js?D"></script>
<script type="text/javascript" src="/sites/all/modules/thickbox/thickbox.js?D"></script>

<script type="text/javascript" src="/sites/all/modules/views_slideshow/js/views_slideshow.js?D"></script>
<script type="text/javascript" src="/sites/all/modules/custom/rra_helper/js/rra_helper.js?D"></script>
<script type="text/javascript" src="/sites/all/modules/nodequeue/nodequeue.js?D"></script>
<script type="text/javascript" src="/sites/all/modules/ctools/js/ajax-responder.js?D"></script>
<script type="text/javascript" src="/sites/all/modules/boxes/boxes.js?D"></script>
<script type="text/javascript" src="/sites/all/modules/views/js/base.js?D"></script>
<script type="text/javascript" src="/sites/all/modules/views/js/ajax_view.js?D"></script>
<script type="text/javascript" src="/sites/all/modules/jquery_update/replace/jquery.form.js?D"></script>
<script type="text/javascript" src="/sites/all/themes/chi/js/jquery.selectbox/jquery.selectBox.min.js?D"></script>

<script type="text/javascript" src="/sites/all/themes/chi/scripts.js?D"></script>
<script type="text/javascript" src="/sites/all/themes/chi/jquery.dataTables.js?D"></script>
<script type="text/javascript" src="/sites/all/themes/chi/js/menutodropdown.js?D"></script>
<script type="text/javascript" src="/sites/all/themes/chi/js/jquery.tipsy.js?D"></script>
<script type="text/javascript" src="/sites/all/modules/text_resize/jquery.cookie.js?D"></script>
<script type="text/javascript" src="/sites/all/modules/text_resize/text_resize.js?D"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
jQuery.extend(Drupal.settings, { "basePath": "/", "admin_menu": { "margin_top": 1, "tweak_tabs": 1 }, "colorbox": { "transition": "elastic", "speed": 350, "opacity": "0.85", "slideshow": false, "slideshowAuto": false, "slideshowSpeed": 2500, "slideshowStart": "", "slideshowStop": "", "current": "{current} of {total}", "previous": "« Prev", "next": "Next »", "close": "Close", "overlayClose": true, "maxWidth": "100%", "maxHeight": "100%" }, "nice_menus_options": { "delay": "100", "speed": "fast" }, "qtip": { "target_position": "topRight", "tooltip_position": "bottomLeft", "show_speech_bubble_tip": true, "show_speech_bubble_tip_side": false, "color": "blue", "border_radius": "3", "border_width": "3", "show_event_type": "mouseover", "hide_event_type": "mouseout", "show_solo": true }, "spamspan": { "m": "spamspan", "u": "u", "d": "d", "h": "h", "t": "t" }, "thickbox": { "close": "Close", "next": "Next \x3e", "prev": "\x3c Prev", "esc_key": "or Esc Key", "next_close": "Next / Close on last", "image_count": "Image !current of !total" }, "getQ": "node/3", "views": { "ajax_path": "/views/ajax", "ajaxViews": { "views_dom_id:4b8e8b3a493bcb7f11628f340513d203": { "view_name": "related_publications", "view_display_id": "block_1", "view_args": "3", "view_path": "node/3", "view_base_path": "case-studies-all", "view_dom_id": "4b8e8b3a493bcb7f11628f340513d203", "pager_element": 0 } } } });
//--><!]]>
</script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
var text_resize_scope = "content";
    var text_resize_minimum = "10";
    var text_resize_maximum = "25";
    var text_resize_line_height_allow = 0;
    var text_resize_line_height_min = "16";
    var text_resize_line_height_max = "36";
//--><!]]>
</script>

Answer 1

首先，@MyStream 是正确的——您应该考虑使用 JS 库管理器。我建议您使用 Require.JS 或类似的东西。

其次，当浏览器像您所描述的那样卡住时，通常是因为脚本中某处出现无限循环或过度循环。

要开始解决您的问题，我建议您不要加载一些文件，试图确定到底是哪个文件导致速度变慢。一旦找到罪魁祸首，请仔细检查并确定问题所在的代码，然后修复它。