How to view Web socket response in browser? - javascript

I am using Google Chrome version 24
I am viewing a website where the data is being fetched to the front end by websocket call.
My question is, "Is it possible to view the web socket response from the browser?" Are there any such tools?
Please let me know, thanks in advance.

Yes this is possible. Look at the Network pane in Dev Tools and look for the line that says Switching Protocols
The caveat is you need to close and reload the detail pane as it does not auto-refresh (as of Chrome 25)
Possible duplicate: Debugging WebSocket in Google Chrome (though definitely dated information, much has changed since those answers were posted)
This is pretty close to 'up-to-date' information as of (2013-03-20) http://codetheory.in/websocket-traffic-inspection-in-chrome-developer-tools/

On the Chrome inspector, click the Network tab.
Link

Related

Webpage application stuck waiting on a javascript

I am testing an application. When I click on a hyperlink on a page, it opens up a popup window. The window displays loading as the text on it and that's about it. It does not complete loading.
I opened the Internet Explorer debugger(F12) and then navigated to the Network tab. I re-ran the test, this time I was recording the network activity. When I go through all the requests, I observed that there is one request, a request for a javascript that is stuck in pending. I copied the URL to the js and tried to request it via another browser instance, it works ok. I am able to fetch the js. I am not educated enough to debug this issue. Any help would be appreciated.
FYI, I am using Internet explorer and I am an application tester, having no access to the application code. I am seeing this issue on some of our servers and not on others.
Rather than use F12, try downloading Fiddler it provides more information to debug with

Detect if site is opened from Chrome Web Store?

Is there any way, like with JavaScript, to detect if one's site/ app is opened as part of the Google Chrome Web Store? The document.referrer 'chrome.google.com' only arrives in some limited ways of opening the app, but not always.
Apologies if this question is out of scope for StackOverflow as it's very much related to Chrome Web Store details. Thanks!

How to know the url of ajax request at any website

When I use some website, is it possible to get the url of ajax requests, current page sends. By the help of browser or another tool.
Chrome Developer Tools or Firebug will do the trick. Fiddler is another good tool.
Look in the Net tab of the browser's developer tools, or use a logging proxy like Charles.

Why doesn't the GeoLocation API javascript code works/loads on my computer

I have an HTML5 page loaded on server along with a geolocation script. The code is working and has no errors. It shows the position and map the user. Right now, it's working well for everyone else and i also tried the same on other PC and it works. But, when i visit the page on my Chrome browser, nothing shows up. Why is that happening? Why can't it locate me and map me? I have Windows 7 OS running the latest Chrome and using data-card for internet.
This is the LINK
On the other hand, the Google page accurately shows my location on the left bar side
That page detects my location correctly in Chrome 17 (dev channel). I do see a JavaScript error, however: "Uncaught ReferenceError: geocoder is not defined" on line 81 of myLoc.js. Taking a quick look at the code, it doesn't appear to be defined anywhere. Have you perhaps forgotten to include a file?
I experienced the same issue with geolocation script. It seems to be an issue with Chrome specifically blocking the uri starting with "file:///" for security reasons.
See related articles:
http://groups.google.com/a/googleproductforums.com/forum/#!category-topic/chrome/give-feature-feedback-and-suggestions/E0yx7wne-RI
http://groups.google.com/a/googleproductforums.com/forum/#!category-topic/chrome/report-a-problem-and-get-troubleshooting-help/pNcftbZTN1E
HTML 5 Geo Location Prompt in Chrome
Check in your chrome, in settings -> advanced -> privacy (content) -> localization if you allow web pages to check your location (this menus can be named a bit different, I'm checking on Polish Chrome).
You say nothing shows up and the question to allow web page to check location should show up (this happens by me).
Another thing, geolocation is checked by Wi-Fi if available, determine it by your IP may be quite inaccurate.

A plug in to watch the javascript functions is runing in that certain time

Like in fiddler you can watch the logs between client and server. Like fiddler; which logs all HTTP(S) traffic between your computer and the Internet. I want to inspect all traffic happening on the client side JavaScript that runs on a page.
Best wishes
bk
You can do this best using Firebug for Firefox :)
When you open firebug, open the net panel and you can see all traffic the browser's dealing with. If you want just the AJAX requests, there's a bar under the main tabs, select XHR.
There's more info available on the net section of the firebug site.
If I misunderstood the question and you want to see all javascript activity, then Firebug does this as well, just open the Console panel and click profile, this will let you see what's happening on the client with all javascript.
As an aside, if you need an IE specific tool, I'd really recommend dynaTrace AJAX Edition (also free!). It's a very in-depth profiler specifically tailored for IE.

Categories