Styles added after firebug is initialized are not visible in style pane

Jakub Jankiewicz

unread,

Sep 6, 2016, 8:25:43 AM9/6/16

to Firebug

I have test page like this:

<!doctype html>
<html lang="en" class="md-background md-hue-1">
<head>
    <script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>
    <script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
    <style>
        body { color: red; }
    </style>
    <script>
    $(function() {
        setTimeout(function() {
            $('<style>body { background-color: #aaa; }</style>').appendTo('head');
        }, 3000);
    });
    </script>
</head>
<body>
hello
</body>
</html>

and the styles don't include background-color even when I click refresh from context menu. Tested in Google Chrome 52 and IE10. is it possible to refresh the styles?

Sebastian Zartner

unread,

Sep 6, 2016, 8:55:19 AM9/6/16

to Firebug

Note that Firebug Lite is not maintained for several years now. In Firebug (the Firefox extension) the background style appears within the Style side panel, though note that Firebug won't work anymore once multi-process Firefox is enabled.
Therefore you're advised to use the Firefox DevTools or the developer tools of the other browsers instead.

Sebastian

test.html

Jakub Jankiewicz

unread,

Sep 6, 2016, 10:47:56 AM9/6/16

to Firebug

Unfortunetlly I can't use firebug because I need to debug in IE10 and default developer tools in IE10 is not very good, you can't edit styles and you need to refresh the page with dev tools closed and open after dynamic content is changes otherwise you'll not see the changes in DOM tree.

Reply all

Reply to author

Forward