firebug | 易学教程

Firebug-like debugger for Google Chrome

阅读更多关于 Firebug-like debugger for Google Chrome

Is there anything like Firebug that you can use within Google Chrome? Essential features I would like: Inspect HTML source (select elements, delete them, etc.) check CSS values (the built-in solution is weird, somehow) Dmitry Torba There is a Firebug-like tool already built into Chrome. Just right click anywhere on a page and choose "Inspect element" from the menu. Chrome has a graphical tool for debugging (like in Firebug), so you can debug JavaScript. It also does CSS inspection well and can even change CSS rendering on the fly. For more information, see https://developers.google.com/chrome

Inspecting Hover-state in Firebug or Chrome DevTools

阅读更多关于 Inspecting Hover-state in Firebug or Chrome DevTools

问题 I've got an HTML element that has a CSS hover-state. There's a bug with the margin or padding on hover and every time I mouseover, the contents of the element slide a little, its annoying. I'd like to debug using FireBug or Chrome Dev Tools, but a common problem I've had with these tools is that after I select the element from Firebug/devtools I obviously need to move the mouse back to the dev tools and the hover state is no longer enabled. How do I inspect/debug an HTML element using these

How to debug the http response headers from a HTTP call

阅读更多关于 How to debug the http response headers from a HTTP call

I've installed FireBug, but I am not sure how to find out if a certain http header is present in my HTTP response. Where should I look for this information? Use the Net tab in Firebug to monitor network traffic. There you can see the complete headers as well as the timing and content of any network/HTTP queries. Looks like this: Fiddler is the best tool I know of to do this and much more, including inspecting the entire request/response in many formats including a nice XML browser. Fiddler in good but sometimes it causes problems because of changing the system proxy configuration. Check the

Making Firebug break inside dynamically loaded javascript

阅读更多关于 Making Firebug break inside dynamically loaded javascript

I'm looking for a way to debug a dynamically loaded jQuery document.ready function. Obviously I can't just bring up the script panel and add a breakpoint with the mouse since the function does not exist there. I've also tried adding "debugger;" to the function (without the quotes), but that did not do anything. I have ensured that the function is actually executed while I tried this. Thanks for your help, Adrian Edit: I just noticed that Firebug actually breaks on debug. However, when it does so on a dynamically loaded script, it does not bring up the source code of that script as usual. Plus,

How to revert Firebug to old version?

阅读更多关于 How to revert Firebug to old version?

I've opened a Firefox today, hit the Firebug button and it showed me that in the new version it is integrated into the developer tools. I hit ok and realized that it doesn't work at all (everytime using Inspect Element the <body> element is selected). So I would like to revert that setup back, but I cannot find where to switch it. I tried to reinstall Firebug, but that setup is stored somewhere so it automatically starts the DevTools instead of Firebug. Any help how to revert back to the classic Firebug? Sebastian Zartner As I wrote in the Firebug discussion group , that the <body> element is

How do I clear all Firebug JS breakpoints?

阅读更多关于 How do I clear all Firebug JS breakpoints?

问题 I seem to have a strange Firefox/Firebug issue where Firebug is suspending JS due to invisible/corrupt breakpoints. (Firefox 3.6.17, Firebug 1.7.2) This may or may not be related to jQuery (version unknown). Since Firebug keeps a persistent list of set breakpoints, is there a way to clear out everything firebug might be remembering? I tried to reinstall Firebug, but that did not seem to help. I have tried searching for the issue but of course a search for "firebug breakpoints" returns

Firebug toolbar button is always shown deactivated since Firefox 51.0.1

阅读更多关于 Firebug toolbar button is always shown deactivated since Firefox 51.0.1

Recently my Firefox got updated to version 51.0.1. Initially it was showing some reminder check (I'm not clear with that) related to Firebug, but I ignored it. Now, the Firebug toolbar button is always shown deactivated. I've reinstalled Firebug several times, but the result is always the same. Is there any compatibility issue? How do I activate Firebug? Chetan Varshney There is a solution to use firebug [version 2.0.18] in latest version of firefox [this time 51.0.1] To enable old Firebug In address enter about:config, find browser.tabs.remote.autostart set it false browser.tabs.remote

How to call a function inside $(document).ready

阅读更多关于 How to call a function inside $(document).ready

Im trying to debug my web app that uses jQuery. In firebug im calling functions inside the $(document).ready.. function val() { console.log('validated outside doc.ready'); } $(document).ready(function() { console.log('document ready...'); function validate() { console.log('validated!'); } } In firebug console I type validate() and it says its not a function If i type val() it works fine. How do i call validate from the console ? anmarti You are not calling a function like that, you just define the function. The correct approach is to define the function outside document.ready and call it

Why does Firebug show a “206 Partial Content” response on a video loading request?

阅读更多关于 Why does Firebug show a “206 Partial Content” response on a video loading request?

I have a bunch of html5 video elements, with their preload attribute set to "auto". They start loading just fine, but I think there might be a problem with their caching, because each time I reload the page (without clearing the cache), they start all over again. When I checked the Network panel in firebug, I noticed everything else (images and files) was giving me a "304 not modified" message as espected, while the videos (and audio) files were giving me a "206 partial content" message, in duplicated entries. The "206 partial content" response also appears in duplicated entries when the page

How to use Firebug's debugger functions?

阅读更多关于 How to use Firebug's debugger functions?

问题 I don't have an experience with any debugger tools geared towards my language, but I recently found some videos showcasing Firebug. I'm now using Firebug on a script in which I included an error. My current understanding is: I can set a breakpoint, which is shown as a red circle. Firebug stops at the breakpoint and gives me 4 options (Continue, Step Into, Step Over and Step Out). But I don't understand: What the difference is between the 4 options: Continue , Step Into , Step Over and Step