firebug

How to see the print media CSS in Firebug?

纵饮孤独 提交于 2019-11-28 18:31:05
Firebug is an excellent tool to to show a screen media CSS for some HTML element, but is there a way to look at the print media CSS too? Or is there any other tool to see the print media CSS? I would have never expected this to work, but it does. Install -both- the 1.5 beta of Firebug and Web Developer. When you choose the print css from Web Developer, the tools in Firebug suddenly work on the new print version of the page. So far I haven't found any problems with running both at the same time. Mads Mobæk What about Web Developer Toolbar? https://addons.mozilla.org/en-US/firefox/addon/60 when

How to view “generated HTML code” in Firefox?

此生再无相见时 提交于 2019-11-28 18:14:35
If using Firebug, we can click on the HTML tab, and click to expand each element to see the generated HTML code. Is there a way to expand it all or get a plain text file? I just accidentally found out that there doesn't even need to be Firebug. We can just press CTRL-A (to select all) on the webpage, and then right click and choose "View Selection Source", then we will get a plain text file of the "current HTML code", even will see a <div> that is the Firebug panel that is before the <body> tag if Firebug is open. But it seems like a weird way to invoke this. Is there any other way? ( Update :

Debugging JavaScript events with Firebug

▼魔方 西西 提交于 2019-11-28 17:32:40
问题 I need to set a breakpoint to certain event, but I don't know, where is it defined, because I've got giant bunch of minimized JavaScript code, so I can't find it manually. Is it possible to somehow set a breakpoint to for example the click event of an element with ID registerButton , or find somewhere which function is bound to that event? I found the Firefox add-on Javascript Deobfuscator , which shows currently executed JavaScript, which is nice, but the code I need to debug is using jQuery

how to get fully computed HTML (instead of source HTML)?

烂漫一生 提交于 2019-11-28 17:13:36
Given a webpage that uses lots of javascript to generate its HTML, how can I get the final computed HTML being parsed by the browser instead of the source HTML? In other words, presume a page has lots of tags surrounding javascript functions that, when called, return some HTML. When I view the source of the page, I see the script function call, not the HTML it produces. How could I get all of the HTML produced by a webpage? I've noticed that Firebug appears able to see the HTML instead of the scripts, but it doesn't appear to have any way to save the whole page, only little segments of it.

How do I POST to a web page using Firebug?

久未见 提交于 2019-11-28 17:09:23
How do I POST to a web page using Firebug? AFAIK Firebug can't do this. However, there is a very useful Firefox extension, in the spirit of Firebug, called Tamper Data . This should be able to do what you want. It allows you to monitor each request made by the browser, and you can turn on an option that allows you to look at, and edit, every single request before it gets sent. You can send POST request to any page by opening console (e.g. in FireFox ctrl + shift + k ) and typing simple JS: var formPost = document.createElement('form'); formPost.method = 'POST'; formPost.action = 'https://www

Replace remote JavaScript file with a local debugging copy using Greasemonkey or userscript

▼魔方 西西 提交于 2019-11-28 17:05:42
问题 While debugging a client app that uses a Google backend, I have added some debugging versions of the functions and inserted them using the Chrome Developer Tools script editor. However there are a number of limitations with this approach, first is that the editor doesn't seem to always work with de-minified files, and when the JS file is 35K lines long, this is a problem. Another issue is that all the initialization that is done during load time, uses the original "unpatched" functions, hence

How do I run Firebug within Selenium WebDriver (Selenium 2)?

Deadly 提交于 2019-11-28 17:03:55
What's the best way to activate Firebug in Firefox when running Selenium 2? Edit: Ok, I realize "best" is open to interpretation, but the profile-based solution really used to be a pain with selenium 1.0. So any alternative is considered better until proved worse ;) Sergii Pozharov You can create your profile in code and dynamically add required add-ons. Let's assume that you saved Firebug XPI into the C:\FF_Profile folder as firebug.xpi (go to Firebug download page , right-click on the "Add To Firefox" and save as C:\FF_Profile\firebug.xpi). In code: final String firebugPath = "C:\\FF_Profile

Programmatically stop JavaScript execution in Firebug

 ̄綄美尐妖づ 提交于 2019-11-28 16:56:54
I am currently debugging complex JavaScript code with Firebug. I am looking for a way to stop the JavaScript execution as if it was a breakpoint programmatically. Example: instructions ... degugger.breakpoint(); // the execution stops here as if a breakpoint was // manually set other instructions ... RaYell You can use the debugger statement: // your JS code ... // break here debugger; It works in all major browsers. 来源: https://stackoverflow.com/questions/1265623/programmatically-stop-javascript-execution-in-firebug

Load javascript via Firebug console

依然范特西╮ 提交于 2019-11-28 15:59:06
How can I load a javascript file via Firebug console ? This would be useful in development, so I don't have to modify the html code to load the script. var script = document.createElement("script"); script.src = "http://whatever.com/js/my/script.js"; document.body.appendChild(script); A very handy command is include(); include("http://code.jquery.com/jquery-latest.min.js"); Read more about include() command Just ran into the same problem, and - as jQuery is used in the project anyway - I decided to do a simple: $.getScript('example.js') Or: $.getScript('example.js', function () {

How can I debug a minified JS in firebug?

偶尔善良 提交于 2019-11-28 15:55:36
问题 I have a web page which includes insane amount of minified JS files. The web page works perfectly fine on my local network but throws some JS error on staging. There is an issue in JS and I wan't to debug it. When I load the JS in Firebug's script tag it appears in one long horizontal line. Is there a way out in Firebug that expands or beautifies the script for debugging? I know I can use jsbeautifier but they wont help me. I can not upload an expanded file to CDN, defeats the purpose of