firebug

I'm trying to get FireBug Lite working with IE7. Given this code (and nothing else): <script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script> <link rel="stylesheet" href="../../css/third-party/jquery.ui.all.css"> This is a test! ...I get an error at Line: 8180, 'this.messageQueue is null or not an object' and the console does not appear. If I remove the CSS file reference, it works fine. Also, this CSS works fine with FireBug under FF and GC. The CSS file is a recent download from jQ's web site and contains nowhere near 8,000 lines (after expanding all @imports),

I created a fiddle with the following code: var x=10; When I try to view this in the console, I get the following: > x ReferenceError: x is not defined Makes sense, as it takes Javascript to run the console. Is there a way to get this working? If you use Chrome or Chromium, looks at the bottom of your developer console, where the string <top frame> appears. Click on it and select result(fiddle.jshell.net) . This will change the current scope of the browser and you can access to all the global variables. Also, remember to change the loading option in jsFiddle to no wrap if you want to access

I use Firebug for web development. Since version Firefox 37 I see the following annoying message in my console: This site makes use of a SHA-1 Certificate; it's recommended you use certificates with signature algorithms that use hash functions stronger than SHA-1" I understand that it is an important message, but it is duplicated many times and makes my work almost impossible. Moreover, it appears every time my page communicates with other pages, for example with Google Analytics and other counters. So if I were to update my certificate, this message would still appear because these sites

When I'm debugging a site, sometimes the hovered selectors are a little long winded and similar to other ones, is there a way to apply a kind of "sticky" state to hover rules in Firebug? Example; I hover over a nav bar and want to copy the selector out of firebug to search in the CSS, but as soon as I move my mouse, the selector (obviously) disappears as the nav <li> isn't hovered anymore. Any way to do this? Thanks :) When inspecting links, Firebug shows the default CSS state, i.e. styles applied to a:link. By default, the :hover and :active styles are not shown. Fortunately, you can change

I have an element that's getting styles applied via JavaScript. I'm not sure exactly where; is there a way to check Firebug to show where the "element.style" is actually coming from? If you're sure it's being set on the inline style and not as a consequence of a stylesheet rule, you can detect changes using the non-standard Mozilla watch() method: document.body.style.watch('color', function(name, v0, v1) { alert(name+': '+v0+'->'+v1); }); document.body.style.color= 'red'; You can put debugger; in the watcher function and look up the call stack in Firebug to see where the change was triggered.

I am only able to view the JavaScript files of the website via the Script panel. How can I edit it? I tried everything like double clicking the line that i want to edit etc., but it doesn't let me edit it. If I move to the HTML tab, I am able to edit the HTML by clicking on the Edit button, but I am not able to edit the JavaScript. Matthew Abbott (source: fidelitydesign.net ) You can use the Firebug Console tab to write Javascript. I use this quite a lot of rapid prototyping of code before I integrate it into my projects. When you use the Console, javascript is executed in the context of the

i am getting the following error while loading my index page in FF3.0. Sorry, i am unable to paste the script here as it is 2030 lines of code. element.dispatchEvent is not a function On expansion it gives me below things, fire()()prototype.js?1 (line 3972) _methodized()()prototype.js?1 (line 246) fireContentLoadedEvent()prototype.js?1 (line 4006) [Break on this error] element.dispatchEvent(event); element.dispatchEvent(event); is in line 3972 of prototype.js. I am including prototype.js along with 10s of other js files in my index page. Has anybody came across this kind of error? Please

Firebug has the ability to log calls to a particular function name. I'm looking for a bug that sometimes stops a page from rendering, but doesn't cause any errors or warnings. The bug only appears about half the time. So how do I get a list of all the function calls for the entire program, or some kind of stack trace for the execution of the entire program? Firefox provides console.trace() which is very handy to print the call stack. It is also available in Chrome and IE 11 . Alternatively try something like this: function print_call_stack() { var stack = new Error().stack; console.log(

As the title is it possible to emulate orientation in google chrome or firefox? Meaning somehow change the browser to support media query (orientation = (landscape or portrait)) I have a emulator for mobile, but I would like to have the developer tools from chrome or firebug. Update Chrome v25 specific... To anyone, in Google Chrome Dev Tool > Overrides > Override Device Orientation you can change the alpha , beta and gamma . I think this is a place to start of from, but I have no idea how these work and can therefor not find anything.. It is also possible to Emulate CSS Media, but not