firebug

Is there a way to determine a line from which XHR was issued in firebug or web inspector?

时间秒杀一切 提交于 2019-12-05 10:45:39
Is there a way to determine a line and filename from which XHR was issued in Firebug or Web Inspector (maybe Opera Dragonfly/IE Developers Toolbar)? If there isn't, what is the best way to find that out? Just searching the codebase for the URI called? (often it will be constructed, though) In Developer Tools(chrome) you can set breakpoints for any XHR from the Script tab. Script Tab XHR Breakpoints(on right hand side) Click the + and press return A new item will be added saying "Any XHR" Run the script and it will break on any XHR :-) For Firebug you can start with http://getfirebug.com/doc

firebug - Hide styles from specific .css file

久未见 提交于 2019-12-05 10:36:00
Is there any way that I can hide styles from specific stylesheets in firebug style panel? For example I use CSS reset and include reset.css in my pages but it does not look good when it displays useless information in style window. Thank you. I know you are asking about disabling stylesheets with FireBug. You asked two years ago. People suggested to hack FireBug and to use another web dev plugin. Here's my solution: The new Firefox (13.0.1) can do this without a plugin. Just go to web developer tools section of the options and got to style editor (shift F7). Options>web developer tools > style

Trying to locate function in JavaScript files using Firebug

|▌冷眼眸甩不掉的悲伤 提交于 2019-12-05 08:38:10
I'm trying to locate this function call myFooBar() that is referenced inline in some HTML but the page loads tons of JavaScripts and it's quite some work to search that function in each of those files. How can I locate in which JavaScript file this function lives using Firebug? Endophage Open the Script tab. Type your function name in search box at top right of firebug (see spyglass). You can use the next and previous buttons to jump between occurrences of the function. The file name appears in the Script tab's bar, and changes for each occurrence. By going to the script tab you are only

GM_log and other GM functions don't work in Greasemonkey scripts

隐身守侯 提交于 2019-12-05 07:23:25
I have created a "Hello World" Greasemonkey script in Firefox which contains only one line of code: GM_log("Hello World"); This did not seem to function, at least it did not produce any output in my firebug console. The same with other GM_... functions like GM_wait When I replaced: GM_log("Hello World"); with: alert("Hello World") it worked (so the script headers are not the problem). I have also set the following about:config options to true: javascript.options.showInConsole extensions.firebug.showChromeErrors extensions.firebug.showChromeMessages Is there some other setting to change for GM_

hpricot with firebug's XPath

白昼怎懂夜的黑 提交于 2019-12-05 05:58:03
问题 I'm trying to extract some info from a table based website with hpricot. I get the XPath with FireBug. /html/body/div/table/tbody/tr/td/table/tbody/tr[2]/td/table/tbody/tr/td[2]/table/tbody/tr[3]/td/table[3]/tbody/tr This doesn't work... Apparently, the FireBug's XPath, is the path of the rendered HTML, and no the actual HTML from the site. I read that removing tbody may resolve the problem. I try with: /html/body/div/table/tr/td/table/tr[2]/td/table/tr/td[2]/table/tr[3]/td/table[3]/tr And

Can Firebug or any tool inspect the element and actually tell which font is being used? (instead of a list)

大憨熊 提交于 2019-12-05 05:51:19
Usually on Firebug, when inspecting an element, I get a list of fonts, and will actually need to go to the system's Fonts folder and check the names one by one to see if that's the one being used. Is there a way to show the font being used directly using Firebug? Or if Firebug doesn't have this feature, can any other add-on do that? You can edit the list of fonts on the font declaration in firebug. Starting from the first font, I stick an 'x' in the name. If the font on the page changes, that was the one used. If it doesn't, I go down the list renaming the fonts until one changes or I get to

jQuery + DevTools: how can I quickly get the event handler(s) attached to the element

橙三吉。 提交于 2019-12-05 04:22:34
问题 I'm asking this question because I have a mess of 40K+ lines of unstructured jQuery code in the project I'm currently working on. Even the most intelligent search over this codebase fails to answer the simplest question like "What happens if I click this red button?" meaning it can't point me to the event handler set in the messy code. Searching for selectors in codebase does not help me, I get 300+ search results. I know that there is 'Event Listeners' tab in DevTools, but it points me to a

Assigning console.log to another object (Webkit issue)

血红的双手。 提交于 2019-12-05 04:19:35
I wanted to keep my logging statements as short as possible while preventing console from being accessed when it doesn't exist; I came up with the following solution: var _ = {}; if (console) { _.log = console.debug; } else { _.log = function() { } } To me, this seems quite elegant, and it works great in Firefox 3.6 (including preserving the line numbers that make console.debug more useful than console.log ). But it doesn't work in Safari 4. [Update: Or in Chrome. So the issue seems to be a difference between Firebug and the Webkit console.] If I follow the above with console.debug('A') _.log(

“Copy location with parameters” for Google Chrome Developer Tools?

非 Y 不嫁゛ 提交于 2019-12-05 03:30:13
Is there a way in Google Chrome Developer tools to copy an AJAX request with the parameters? Firebug has this feature to "Copy location with parameters" for any async request and it is extremely useful. For those still looking after all these years, Chrome's "Replay XHR" is as close as you get. Debugger -> Network -> XHR -> right-click on request -> Replay XHR The output can be seen in "Response" tab when you click on the new replayed request. If someone else finds a way to neatly copy all the post parameters like Firebug, let me know. (Alternatively, I believe you can also install Firebug for

How can I detect overwritten css properties?

岁酱吖の 提交于 2019-12-05 03:08:31
问题 I can get all css properties for an element with document.stylesheets but some of those are not active because those properties are overwritten. In firebug (chrome developer tools also has this feature), if there's an overwritten css property, you will see something like that: The only way I can think of is comparing active css property for the element (in jQuery $(element).css(property) ) and defined css property in document.stylesheets but it's not a reliable way to do it. Any suggestion?