Question

Best all,

I’m trying to debug our CMS (what is mostly AJAX) but jQuery removes all the script tags, what makes me unable to debug the JavaScript, how do I disable this behaviour?

I thought I would find it after a simple Google search but no success 🙁

Thank you,

EDIT

my Page before:

    <script>
    jQuery(function(){
        inter = null;
    jQuery('#parse').click(function(){
        jQuery('#answer').load(f(),{"POST":jQuery("#POST").val(),"start":((jQuery('#start').val()-1)*10)},function(){
            alert("Burrrnnnnnnn")
            console.log("Laten we is kijken: " + inter);
                clearInterval(inter);
            });
        inter = setInterval(function(){
            jQuery.getJSON("/googlemonster/backend/status-test",function(json){
                setProgressBar(json);
            });


        },200);
        return false;
    });

    });
     function

     function setProgressBar(obj){
        var g;
        jQuery("#progress-bar,#progress-text-alt-wrapper").animate({"width":(((g=obj["%"])==0?1:g)*2) + "px"},{queue:false});
        jQuery("#progress-text,#progress-text-alt").text(obj["%"] + "% " + obj["status"]);
    }
    </script>
    <style>
    #progress-text-alt-wrapper {
        height: 30px;
        position: absolute;
        z-index: 2;
        width: 1%;
        overflow: hidden;
    }

    #progress {
        border: solid black 1px;
        padding: 1px;
        text-align: center;
        height: 20px;
        width: 200px
    }

    #progress-bar {
        background-color: green;
        width: 1%;
        height: 100%;
    }

    .progress-bar-text {
        padding-top: 3px;
        text-align: center;
        width: 200px;
        position: absolute;
    }

    #progress-text {
     color:green;
    }
    #progress-text-alt {
        color:#eee;
    }
    </style>
     Query:
    <input id="POST" type="text" />
    <br>
    Pagina
    <input value="1" id="start"
        type="number" />
    <br>
    <button id="parse">Look</button>
    <div>
        <div id="progress">
            <div id="progress-text-alt-wrapper">
                <div class="progress-bar-text" id="progress-text-alt">0% Nothing</div>
            </div>
            <div class="progress-bar-text" id="progress-text">0% Nothing</div>
            <div id="progress-bar"></div>
        </div>
    </div>
    <div id="answer"></div>

The page after

<style>
#progress-text-alt-wrapper {
    height: 30px;
    position: absolute;
    z-index: 2;
    width: 1%;
    overflow: hidden;
}

#progress {
    border: solid black 1px;
    padding: 1px;
    text-align: center;
    height: 20px;
    width: 200px
}

#progress-bar {
    background-color: green;
    width: 1%;
    height: 100%;
}

.progress-bar-text {
    padding-top: 3px;
    text-align: center;
    width: 200px;
    position: absolute;
}

#progress-text {
 color:green;
}
#progress-text-alt {
    color:#eee;
}
</style>
 Query:
<input id="POST" type="text">
<br>
Pagina
<input value="1" id="start" type="number">
<br>
<button id="parse">Look</button>
<div>
    <div id="progress">
        <div id="progress-text-alt-wrapper">
            <div class="progress-bar-text" id="progress-text-alt">0% Nothing</div>
        </div>
        <div class="progress-bar-text" id="progress-text">0% Nothing</div>
        <div id="progress-bar"></div>
    </div>
</div>
<div id="answer"></div>

Answer 1

after some research I finnaly could fix the problem thanks to the guys here,

I made a little plugin for jQuery for it, now the script tags are not getting, removed but executed.

(function($){

    $.fn.loadDebuggable = function(url){

        data = typeof(arguments[1]) == "object"?arguments[1]:{};
        success = arguments[2]||typeof(arguments[1]) == "function"?arguments[1]:function(){};
        return $.ajax(url,{
            "context":this,
            "success":[function(data){
                var div = document.createElement('DIV');
                div.innerHTML = data;
                this[0].innerHTML = "";
                while (div.firstChild) 
                 {
                    this[0].appendChild(div.firstChild);
                    div.removeChild(div.firstChild);
                 };


            },success],
            "type":"GET",
            "data":data
            });
    }
})(jQuery);

Thanks,