Dinamik yükleme Y, FireBug ya da IE8 Geliştirici Aracı gibi bazı hata ayıklayıcı tarafından JavaScript hata ayıklama mümkün mu?

SORU

10 Kasım 2009, Salı

Dinamik yükleme Y, FireBug ya da IE8 Geliştirici Aracı gibi bazı hata ayıklayıcı tarafından JavaScript hata ayıklama mümkün mu?

my recent question, ben zaten dinamik yükleme için JavaScript işlevi bazı kısmi görünümü yarattı. Yani, herhangi bir dinamik yükleme JavaScript debug edemiyorum. Yüklenen JavaScript "" fonksiyonu. eval tarafından değerlendirilecek çünkü

Ancak, aşağıdaki komut dosyasını dinamik olarak kullanarak yeni bir JavaScript oluşturmak için bir yol geçerli belgenin Başlığı içine komut dosyası oluşturmak buldum. Tüm yüklenen scriptleri HTML DOM bulmak için herhangi bir hata ayıklayıcı kullanabilirsiniz) görüntülenir.

var script = document.createElement('script')
script.setAttribute("type","text/javascript")
script.text = "alert('Test!');";

document.getElementsByTagName('head')[0].appendChild(script);

Bu arada, en ayıklayıcı (IE8 Geliştirici araç Çubuğu, Firebug ve Google Chrome) dinamik komut dosyasında kesme noktası ayarlamak. Debuggable script sayfa yüklendikten sonra ilk anda yüklü olmalıdır.

Dinamik komut dosyası içeriği veya dosya hata ayıklama için bir fikrin var mı?

Test için 1 - Ekleme yaptırıyor güncelleştirin

SomeVariable değeri hata ayıklama için çalıştığınız için aşağıdaki xhtml dosyasını kullanabilirsiniz.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>    
    <title>Dynamic Loading Script Testing</title>
    <script type="text/javascript">
    function page_load()
    {		
        var script = document.createElement('script')
        script.setAttribute("id", "dynamicLoadingScript");
        script.setAttribute("type","text/javascript");
        script.text =   "var someVariable = 0;\n"  
                        "someVariable = window.outerWidth;\n"  
                        "alert(someVariable);";

        document.getElementsByTagName('head')[0].appendChild(script);
    }
    </script>
</head>
<body onload="page_load();">
</body>
</html>

Cevap, ben sadece FireBug test. Sonuç gibi görüntüleri aşağıda görüntülenir.

alt text

Lütfen bakın "dynamicLoadingScript" sayfa yükleme sonra eklenen script.

alt text

Ama FireBug komut dosyası sekmesinde yer değil

2 - Oluşturmak hata Ayıklama dinamik yükleme komut dosyasında Kesme noktası güncelleştirin

alt text

Hem yukarıdaki resim "hata ayıklayıcı;" yazısının bazı satır ifadesi dinamik yükleme komut dosyasında kesme noktası ateş. ekleme göster Ancak, her iki hata kesme noktasında herhangi bir kod görünmüyor. Bu nedenle, bu iş için işe yaramaz.

Teşekkürler

CEVAP

7 HAZİRAN 2012, PERŞEMBE

Aynı zamanda chrome kullanmak mümkün olacaktır. Krom ayrıştırıcı bir öznitelik belirtin ve dinamik JS parçası sonra göz olabilir hangi bir dosya olarak görünür ve puan set molası yapabileceğiniz bir özelliği vardır.

ayarlanması gereken niteliktir