I need to find out what variables and values are being POSTed to a script that I'm debugging. It's doing something strange to them, and it needs to start a session so I can't ouput them right at the beginning. I'm hoping to find a plug-in for Firefox that will show me what they are directly from the browser. Does anyone know of such a thing?
Use Firebug. It's awesome.
The Net panel shows you what's going on over HTTP.
Live HTTP Headers
Let's you see every request, edit it and replay it. Excelent plugin and easy to use...
Firebug does that perfectly :)
install Firebug
open the network tab
Fiddler has such a plugin and it is also just a good HTTP debugger in general
LiveHTTPHeaders is an oldie but a goodie
Related
I have created the auto download script of images(JPG,PNG etc) and it is working fine in all browser except the firefox(latest version).
In firefox, before download start the browser is opening the popup asking open with or save file.
Kindly give me direction to save the file automatically using PHP or JS or htaccess etc in firefox.
See the URL as below
http://maples-web-services.com/autodownload/index.php
Many Thanks!!
I am sorry to tell you this. I googled and got the possibility for your problem.
In chrome we don't have 'open with' feature. But in Firefox we have such. So this link Firefox issue will gives you some information..
It is the addons which are causing problem. Try using Safe mode in FF:
Go to Help -> Restart with Addons disabled
and then try it. If the problem is not persisting then it the addon which is causing problem. To identify the 'con' addon, check them by turning them on one by one.
I have a rather hectic situation in which my client has given me a bunch of files and said to put them all on the server and link to the main CSS files only. These in turn use #import and alike. The page does not look much like they think it should. Does anyone know where I can find a log of which requests (to CSS / JS / image files) returned a 404 and which ones were found, or tell me what extension to install to give me a list of files? Thanks in advance.
Regards,
Richard
Use Firebug's net panel.
Use Google Chrome. Go to the spanner and click Tools > Developer Tools. In the resultant panel at the bottom of your window go to Resources. Fire in your request. Look at the bottom right for a red cross. Click it. This will show all your 404s.
I have just found an addon called HTTPFox. It seems pretty good and tells me exactly what the result is for each file. It does exactly what I need it to do without the need to open another browser.
Hope this helps someone in the future.
Richard
I am looking for a tool/add-on like Firebug on Firefox ( that is immensely useful for debugging web applications) which works for Internet Explorer. Any suggestions ?
-thanks
Microsoft provides the IE Developer Toolbar which provides similar functionality to Firebug.
You can also use Firebug Lite in IE6+.
Check this Firebug Lite For IE. Also there is DebugBar, IE developer toolbar are few other names.
Also wanted to mention, for network analysis, similar to Firebug's Net tab, I don't think IE dev tools offers as good an alternative. You can then use Fiddler/Fiddler 2 and it's related plugins.
And another option for that that I like is ieHttpHeaders. It won't give you HTTP response body/data but it gives you the HTTP request headers + HTTP POST parameters (excluding file uploads, binary data, and multi-part form POSTs), and HTTP response headers. Good tool to have as companion to your other IE tools.
Go to Settings and select F12 Developer Tools in IE. I use IE10 and it works.
You can also press F12.
The usage is similar to Firebug. I like this interface more, it shows the color of all color-hex values for easy reference.
Is it possible through a plugin or setting or something to allow Firefox to recognize the live DOM source code?
Basically, firebug or other similar tools can recognize elements on the page which Firefox does not.
I understand with these extensions I have the ability to see such changes made by javascript, but Firefox does not seem to fully recognize them.
I'll try to clarify.
If I load a page and view source (ctrl-U), I see what the server sent to Firefox, and what Firefox ostensibly recognizes as the source code of the page. If in that source code, there is javascript which alters the DOM, and then I hit (ctrl-U) again, the code is not updated.
I am using a testing tool (iMacros firefox plugin) to automate functionality, but it does not recognize the updated DOM because Firefox does not. Firebug and similar tools can recognize these "live" updates. Does that help?
http://www.chapter31.com/2006/12/04/viewing-ajax-generated-source-code/
You can try using the web-developer extension with a view-generated-source option.
I'm still not sure I understand your question, but I think what you're getting at is the Web Developer extension for FireFox, specifically its "View Generated Source" feature.
That will let you see the altered DOM.
Firebug gives u this ability:
for instance check the HTML tab when running a jquery ticker and see the dynamic changes live in the DOM
Usually, when I have weird issues with either the console or the DOM inspector with firebug, I find restarting the browser and validating your code is the way forward.
That said, I'm not really following your question, the document that firebug shows is the same one in the firefox window...?
It looks like the problem is not that you want firefox to show the current DOM when you hit CTRL+U, but that you want some automated testing tool to be able to test your web pages.
Perhaps you should use a testing tool that is suited to the job of testing rich web applications, Selenium, for example, can do this.
Is there some sort of profiling tool available? View source and search/replace?
Although the message is usually a problem in IE, loading the page in Firefox with Firebug will let you see what is going on.
Also, you might find it helpful to leave the protocol off of the URLs in the first place: Http-https transitions and relative URLs.
I used view source which helps, although you might want to get a tool that lets you see the current source of the page like firebug in firefox.
One thing I ran into where this didn't help is if you have an iFrame in IE6 without a src attribute. IE6 will warn you about mixed content. No ammount of viewing source helped with this.
Edit
Not sure why I didn't suggest this but you try using Fiddler? Or another packet sniffer? This should let you see ssl traffic, which might help you narrow it down.
WireShark may also be of some help if you want something besides Fiddler, Firebug or HttpWatch for tools to try to resolve the issue.