Is there any way to see AJAX requests like in FireBug for Firefox? I am interested in what was posted and the response/html returned.
I tried developer tools' profiling and debugging. I didn't see any place where it shows this stuff.
Press F-12, click NETWORK tab.
Related
This seems to be by design as far as I can tell. Selenium can see the initially loaded HTML, but not the HTML after it's been massaged. I've tried IE, Chrome and PhantomJS and they all show the same behavior. So does the built-in Chrome debugger, until you inspect an element on the page, you can't query any of the rendered HTML.
I'm looking for any suggestions about how to scrape the web page. The only option I see right now is finding the chrome process, triggering the inspector, clicking inside, then running the Javascript. Needless to say, this sounds fragile.
I also haven't been able to find anything on capturing the Ajax calls from selenium so I can make them and capture the JSON. When tried copy / paste from the chrome network tab into selenium I got a missing application block message.
Does anyone have any other advice?
Since I can replicate the issue in the chrome debugger, I don't see posting code as useful. It looks like a design decision.
Ralph
Sadly, I wasn't able to do things in a straightforward way. Instead, I used Selenium to do the login and navigate to the page, then use windows API calls to click inside the window send ^a^c to copy the data and an absolute location to click on the button to go to the next page.
The site is set up so that ^a^c copies the raw data for this site. I don't know if that's standard for Angular or not.
Fragile, but it works.
I have always relied on the Firebug console tab within Firefox to display complete ajax calls, my systems all use ajax extensively and its useful to be able to monitor the calls in one listing. Ive always found Firebug to be the most complete version of this, and it is this one feature that has prevented me from migrating to any other browser including FFs own developer console, where the only way to determine the endpoints is to hover over the request, or spend two mouse clicks on opening up the response panel followed by the "Params" tab. Neither of these are very useful in a working environment.
In the latest FF however, I find that Firebug is deprecated in favour of the built in developer console, so I figure that if Firebug is to disappear, there must be a way to configure the replacement to my liking.
Heres an example output side by side, the right hand side (Firebug) displays not only the endpoint but all parameters right in the line, for example "ajax.php?home&act=counters", whereas the left hand side (built in console) simply displays "ajax.php" for all calls.
The URL parameters are displayed for requests logged to the console since Firefox 60.
In case the URL isn't shown completely (due to the width of the window being too small), the URL is cropped, though you can still see the complete URL when hovering the request.
Furthermore, the URL parameters are also displayed within the Network Monitor.
I have C# MVC web app that has some textboxes that in IE9 you can enter in text, but you can't highlight via the mouse or via holding shift and the arrow keys.
I've looked around on the web and i've found other people experiencing this, with no solution.
One site i found claimed it was an issue with IE9 on pages that make multiple AJAX calls, which my site has but, removing AJAX really isn't a solution.
Is there a way via code or via settings in IE9 so that users can highlight text in a textbox? Or is this an outstanding bug in IE9?
Edit:
The website works perfectly fine in chrome
Turns out it was a rogue jquery statement that was
(.someClass).disableSelected()
that was disabling selection on every single textbox in my site. The kicker being that IE and Chrome handled it one way and Firefox a different way making it seem like a different bug
I had the same issue.
Select Tools on the IE bar / F12 developer tools. under the tab ( Document Mode IE9 standards ) check marked Alt+9. Closed the developer box. Closed IE9 opened it back up and everything worked as it should.
Hope this helps.
i noticed a strange behaviour of facebook page tab applications, using internet explorer (i tested this only on ie8... with other browser this problem is not present).
If i put javascript code, or background sound in my application, when i goes out from page tab, my application is still running (for example sounds, or javascript activity)...
To show you the issue, i created a page....
Log in into facebook and goes to this page.
http://www.facebook.com/apps/application.php?id=252545344807399&sk=app_252545344807399
Don't click like button or anything... you can see a javascript alert each 5 seconds...
next, click on the top facebook logo. You will be redirected to your facebook home, but the url has an hash symbol, because it loads content in ajax.
Wait 5 seconds and tell me if you are still receiving javascript alert from my application in background.
Tell me please if you experience this problem.
Thanks in advance.
Giuseppe
(sorry for bad english)
.
Using ColorZilla I found an interesting feature. If I pick a color from firefox (bars,tabs or anything else of the browser) and then go to:
ColorZilla > Inspect Last Element > In
Firebug
Then I can see the markup,css,js that firefox uses in the firebug panel just like a website.
Is there any solution to view this code without use Colorzilla?
As mentioned in the comments, Chromebug is no longer working with current Firefox versions. Instead of opening the limited chrome://browser/content/browser.xul page, you can make the browser chrome accessible to the scratchpad. Open the about:config page and set devtools.chrome.enabled to true, as described in the extension development environment setup guide on MDN.
Open the JavaScript scratchpad (Shift+F4) and select the browser context environment. Now you can type in something like window or document.getElementById('urlbar') and click the inspect button or hit Ctrl+i. This will evaluate the expression and open the element inspector, which shows all properties of the element.
It sounds like you're after Chromebug.
Chromebug is the Firebug code adapted
for XUL applications. It is the
debugger that Firebug developers use
to develop Firebug.
So you can debug your debugger, you know?
Instructions: http://getfirebug.com/wiki/index.php/Chromebug
There is actually a dedicated version of Firebug for that called Chromebug (Named after the chrome of Firefox, not Google's chrome)