javascript - 调试 IE7 ajax 加载的 javascript

Question

我目前正在尝试调试一些仅在 IE7 中出现的奇怪错误。

IE 报告的错误指向空行，或者有时指向第 1 行。我认为某些错误可能发生在 AJAX 加载的页面上。 第一个错误是:

Line: 1
Character: 181
Code: 0
Error Message: 'null' is null or not an object
URL: http://192.168.1.103/repositories/asdasd/public_html/admin/module/admin/News/Mod?id=23

页面来源为:

<script type="text/javascript">

//Prendre en charge la soumission des formulaire. Les traiter en AJAX par défaut.
$("#form_add-image").bind("submit", function(){

    $.ajax({
        url: $("#form_add-image").attr("action"),
        type: $("#form_add-image").attr("method"),
        data: $("#form_add-image").serialize(),
        dataType: 'html',
        success: function(data, textStatus, XMLHttpRequest){

            //Remplacer le contenu
            manualLightboxContent(data, {'width': 1000, 'zIndex': 500000}, "#dialog_imagesZone");
        }
    });

    return false;
});
</script>
<div id="main" class="s_formulaires outlined">
<form id="form_add-image" action="/repositories/asdasd/public_html/admin/moduleAJAX/admin/Media/chain-execute/add-image" method="post">
    <script type="text/javascript"> 
 $(document).ready(function(){
    $('#crop_box').Jcrop({
        setSelect: [ 1380, 0, 1080, 1080],
        aspectRatio: 1,
        bgOpacity: 0.5,
        boxWidth: 640,
        boxHeight: 480,
        onChange: showCoords,
        onSelect: showCoords
    });

    $('#crop_button').button();

    function showCoords(c){
        $('#crop_left').val(c.x);
        $('#crop_top').val(c.y);
        $('#crop_right').val(c.x2);
        $('#crop_bottom').val(c.y2);
        $('#crop_width').val(c.w);
        $('#crop_height').val(c.h);
    };
});
</script>

<h2>Recadrer l'image</h2>
<div style="margin:10px;">
<img src="http://192.168.1.103/repositories/asdasd/public_html/media/module_news/files/23-226-Capture-2.png" id="crop_box" />
</div>
Déplacez la sélection pour choisir la zone à conserver<br /><br />

<div style="display:none;">
<label>left <input type="text" name="crop_left" id="crop_left" size="4"></label>
<label>top <input type="text" name="crop_top" id="crop_top" size="4"></label>
<label>right <input type="text" name="crop_right" id="crop_right" size="4"></label>
<label>bottom <input type="text" name="crop_bottom" id="crop_bottom" size="4"></label>
<label>width <input type="text" name="crop_width" id="crop_width" size="4"></label>
<label>height <input type="text" name="crop_height" id="crop_height" size="4"></label>
</div>

<button id="crop_button">Accepter la sélection</button>
    </form>
</div>

该页面是一个灯箱，因此它使用从主页加载的脚本。 (在本例中:JQuery 和 JCrop)

你有办法帮我调试这个吗...因为错误不是很详细。

Answer 1

Microsoft Script Debugger提供不错的错误消息，但很难在现代操作系统上正确配置。