Search code examples
javascriptjqueryfirebugfirebug-lite

JavaScript Code Inside <script> Tag

Apparently a JSON object can be passed inside a linked script. I'm trying to figure out exactly how this works (or if it does):

<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js">
{
    overrideConsole: false,
    startInNewWindow: true,
    startOpened: true,
    enableTrace: true
}
</script>

I noticed it here in the firebug lite documentation: http://getfirebug.com/firebuglite#ScriptJSONOptions

Solution

  • The content is not executed because the element has a src attribute. It's not strictly legal as is. The HTML5 spec says:

    If there is a src attribute, the element must be either empty or contain only script documentation that also matches script content restrictions.

    The content of that <script> element is neither valid JSON nor valid JavaScript. It is not valid JSON because the property names are not quoted. It is not valid JavaScript because, although it looks like a block expression with labeled statements, the colon after startInNewWindow cannot legally appear there.

    That said, the script that is loaded can always look for the last script element and parse its content:

     var scripts = document.getElementsByTagName('SCRIPT');
 var lastScript = scripts[script.length - 1];
 var content = eval(lastScript.innerText || lastScript.textContent);