google-chrome-devtools,fiddler,charles , why don't I see any network call in Chrome's DevTools (or any other tool such as Charles)

why don't I see any network call in Chrome's DevTools (or any other tool such as Charles)


Tag: google-chrome-devtools,fiddler,charles

while yahoo finance updates stock price on an already open page such as

Thanks in advance! Jack M


The Yahoo stock page streams data to the client using a hidden IFRAME that streams data endlessly on a single chunked HTTP connection.

In Fiddler, you'll see this request with a URL like:,USD=X&o=JCI,^DJI,^IXIC,^GSPC,^TNX,^VIX,^RUT,EURUSD=X,AMRC,MSFT,PRGS,FB,DATA,GOOG,AMD,AAPL,BABA,AKAM,INTC,TSLA,AIG,ARMH,F&k=a00,a50,b00,b60,c63,c85,c86,g53,h53,j10,l84,l86,p20,p43,t53,t54,v53&j=c63,j10,l84,p20,p43,t53&r=0&callback=parent.yfs_u1f&mktmcb=parent.yfs_mktmcb&gencallback=parent.yfs_gencb&region=US&lang=en-US&localize=0&mu=1&ts=1431634090166&dp=0

If you want to "peek" at the response data (which will never complete, since it's a stream) you can right-click the Session in Fiddler's Web Sessions list and choose the COMETPeek command.


Tracking post parameters

I am traversing through pages in a website that is made in PHP.The pagination is like 1 to 400.If I move from page 1 to Page 2 , how do I track which parameters are passed.I guess it uses post and not get?Can I use fiddler for that?

Chrome Dev Tools claim that styles overrides themselves

How should I understand following entries in Chrome Dev Tools: Styles overrides... themselves (same file, same line, same style)?...

Chrome developer tools: is there a way to show what calls the function?

Just as in the topic: is there a way to show what calls the function that I want to inspect? I have an issue, where my function is called twice, and I dont know what calls it for the second time... Thanks, uksz...

Simulating latency in a HTTP POST call on Linux

Use Case I am working on an enterprise level payment application (written in JAVA). I am looking to simulate latency on a HTTP POST call that is made to a bank. This will allow me to simulate different latency/unavailability scenarios that may occur. The Code The following piece of code...

Chrome Extension - How to execute a JS script on page load

The following is that I'm trying to achieve Every time '' loads, a script/function triggers. However, the functions itself reloads the page via 'location.reload();' Basically, an infinite loop of reloads. Script reloads page -> Script injected -> Script reloads page -> etc. I want the tab @ to keep...

Chrome Developer Tools shows favicon 404 error in Brackets LivePreview

I've just started doing Anthony Alicea's "Javascript: Understanding the Weird Parts" course, and he's using the live preview feature of Brackets to demo his code. The first module is a barebones HTML page with a script tag linking to an empty JS file. When I open this page in Brackets...

Why doesn't Chrome's console display the function code anymore?

In the past, if I had a function test with the content function test () { return true; } and I typed test into console, then I'd get back: function () { return true; } Now however, it just returns function test() without the actual function code. How do I...

Is HTML5 drag and drop compatible with Chrome Apps (packaged)?

I've tried the traditional methods and it works as a webpage in Chrome, but not when I'm using the page as a packaged app. I'm just doing this example from W3 for testing purposes since it's very simple.

How to load saved .cpuprofile file in Chrome developer tools CPU profile?

There's a save button in the Chrome dev tools profiler, but no load button. How do you load a saved profile back into Chrome to view it?

What determines the width of a div class when it's not defined?

I am trying to resize the sidebar column in this example. It's currently at 25% (column .3u). I would like to expand it to an equivalent of 26% without shrinking the actual main area (column .9u). The only way I see to accomplish is to increase the width of the...

How to search for a DOM element in the Elements panel & highlight it in web page in Chrome dev tools?

I am using the latest Chrome & Canary. If I search for a DOM element in the search box in the drawer in dev tools and double click on a result, Chrome switches to the Sources panel and I can't highlight the element in the browser from there. How do...

Getting URL of HTML 5 video

I'm trying to the get the URL of this HTML 5 video but I can't seem to find it. I looked in Chrome dev tools but couldn't find anything. It's not even possible to right-click and view source on the video. I had to do it on another part of...

How to access the DevTools API without actually opening the DevTools window?

The documentation says "An instance of the extension's DevTools page is created each time a DevTools window opens. The DevTools page exists for the lifetime of the DevTools window." However, the Facebook Pixel Helper manages to to get network information without the devtools window being open. So, I was wondering...

Is new line a separator in Javascript

While debugging a web SPA issue, I stumbled on something to which I could not find concrete references online: missing comma separator between function expressions in javascript. Here's the details: This works - explicit comma as a separator is there (note - intentionally on one line): var f1 = function()...

why don't I see any network call in Chrome's DevTools (or any other tool such as Charles)

while yahoo finance updates stock price on an already open page such as Thanks in advance! Jack M...

detect requests calls in a url similar to network in chrome dev tools

I don't know if what I am looking for is possible, I want JS, or any other programming method solution to detect the requests calls for a given url page, something similar to chrome dev tools There is a site that displays videos, I would like to access through the... only works with timeout

I'm writing a chrome extension that is supposed to show a page action icon whenever a PDF is loaded. To this end, I'm checking the content type, and if it equals application/pdf, I To my surprise, however, this chrome.webRequest.onHeadersReceived.addListener( function(details) { if (details.tabId >= 0) { var header =...

What’s the quickest, easiest way to execute a JavaScript file on a live web page?

I have this JavaScript file URL: (hosted on GitHub and passed through RawGit), and I would like to inject it into a live web page via the browser’s console. In order to achieve that, I can dynamically create a <script> element and append it to the DOM: (function ()...

Inspecting the value of a JS variable in Chrom console

This is fragment of a JS plugin that I'm using on my site. I'd like to inspect the value of isTouchDevice directly in the console. Just typing isTouchDevice reurns an 'undefined' error. (function($) { "use strict"; $.maxmegamenu = function(menu, options) { var plugin = this; var $menu = $(menu); plugin.settings...

Chrome - open dev tools in new window

in chrome 43.0.2357.81 I can't find the little box which can separate devtools into a new window I tried googling q=open+inspect+element+in+new+window+chrome nothing new Here is the Screen shot ! ...

Where Fiddler2 stored his temp files

Hello i am trying to get all cookie from url, i am working with watIn and i use this code to get cookie string cookies = browserToRun.Eval("document.cookie"); CookieContainer Cc = GetCc(cookies, ""); this give me 90% of all cookie,but in Fiddler2 i can see more cookie. Sow if there a...

I can't write object literal notation in Dev Console? [duplicate]

This question already has an answer here: JavaScript object literals syntax error 2 answers I get error when i write this: {a:1, b:2} but not when i just write this {a:1} I've tried in Firefox and chrome both give errors. There is no error if i Assign it to...

What does this fiddler icon mean? [duplicate]

This question already has an answer here: Meaning of fiddler's icon of blue < > angle brackets 1 answer Can someone please tell me what this icon means in fiddler ? ...

How to get last executed JS functions

I'm working on a large and old project that run tons to JavaScript and sometimes when solving a bug its a bit hard to know which function has executed. Is there a way to get a list of the last executed functions in Chrome Developer Tools?...

Chrome Inspect Element is not showing all Javascript

The current project I am working on builds a page's javascript code based on some conditions. All the code works but when I go to inspect element to see it, it is not showing. Or more like it is truncated and 3 dots added at the end. It seems to...

Is there a way to view in Developer Tools?

I have a Chrome Extension and I'm able to view background page localStorage on the Resources tab of Developer Tools. Is there a way to do the some for

View a Javascript method's contents in Chrome console

When I console.log an object in Chrome, I see all properties and a method name, but I can't see the contents of the method itself. How can I view the contents of an object's method? I've created a JSFiddle that may help explain what I'm looking for. ...

Why do downloaded KB different in Firefox DevTools vs. Firebug or Chrome DevTools?

Can anyone explain me why, debugging on any page, I see always a great difference between the Firefox DevTools, Firebug and the Chrome DevTools in terms of transferred file sizes? For example, with the homepage of Stack Overflow I see: Chrome DevTools: 282 KB Firebug: 246 KB Firefox DevTools: 873...

Visualise CSS selectors like :read-only in debug (F12 tools)

Having :read-only, [readonly] { background-color: aliceblue; } <form> <h2>test</h2> </form> How can I detect, when debugging, say, in Chrome, that the h2(or form) field has an :read-only property (or other type of selector, like :disabled, etc.) set to true? PS. To clarify the question: the question is not about a...

jQuery delegated mouseenter event only fires on click

I'm trying to wire up the jQuery mouseenter event to a bunch of links in a container. I also want to cancel navigation of the link so I'm wiring up the click event. All of the sudden the mouseenter handler is only executing after clicking the link. It is still...

What's the best way To edit CSS and JS of Html Template [closed]

I have a HTML5 Template in my Local Computer. I want to edit this template CSS and JS to use in my project. I use this solution to edit Template Open Web site With Google Chrome also Open with Notepad++ Edit CSS file with Notepad++ and Refresh page in Google...

Why Chrome shows \ufeff symbol and gray lines in TypeScript?

When I open my TypeScript in Chrome debugger I see strange red dot at the first line. I believe it corresponds to unrendered symbol \ufeff (as popover says). There is no such symbol in the TS file when I open it in editor (e. g., Notepad++ with "show all...

Updated Method signature is not working in wcf RESTful services

I have a method like this [WebInvoke(UriTemplate = "StrDetails", ResponseFormat = WebMessageFormat.Json, RequestFormat = WebMessageFormat.Json)] public List<StrSearchDetails> StrDetails(string str1) { List<StrSearchDetails> details = new List<StrSearchDetails> (); return details; } I am able to hit this method from Fiddler I have updated and replaced like this [WebInvoke(UriTemplate = "StrDetails", ResponseFormat =...

How to stop Fiddler displaying 407 and Tunnel To

How can I stop Fiddler displaying the "407" and "Tunnel To" which look to be generated twice before each successful "200" GET 407 Proxy Authentication Required ( Access is denied. ) (text/html) GET 407 Proxy Authentication Required ( Access is denied. ) (text/html) GET 200 OK (image/png)...

System.Net.Http.UnsupportedMediaTypeException exception occur in fiddler on running Web API post request in fiddler,post,,web-api,fiddler
I am new in ASP.NET MVC web api. I am trying to run default web api project created by visual studio 2013. Also, I am using fiddler to test web api. In that default project a post method is created 'api/Account/Register'. When I try to run this in fiddler UnsupportedMediaTypeException...

Disable variable value information in chrome debugger

I don't know where or what key combination could make to enable variable value viewer inside the file viewer. How to disable ? (I dont see the way...?)...

Chrome F8/hotkey debugger breaking during a drag and drop operation

In Chrome's web-developer tools one can break at any point by pressing F8. Often times I would like to break and inspect an element during a drag and drop operation by pressing F8. This won't work however. Is there a native Chrome-way shortcut without running a custom script?...

Fiddler is not exporting captured traffic to visual studio file,api,web,fiddler
I'm using Fiddler version to capture traffic to our web api restful services. when I just select part of the entire traffic (like a selected session) and go to File-> Export Sessions -> Selected Session, a little dialog box pops up with a drop down menu on it...

Can't find out how button click event got wired

I have a button which posts back through Ajax. I tried to find out what code executes when the button is clicked. I used Visual Event (screen capture below) to see how the event was bound but the info didn't help me enough. Then I set an event listener breakpoint...

Convert a request to string in FiddlerScript

I'm using Fiddler4 (not sure if that is relevant). I'm trying to add a feature that lets me resend requests a certain number of times with a delay between each request. Everything seems to be fine but I can't seem to convert oSession.oRequest into a string, or in other words,...

How to add multiple css rules at once through Dev-Tools or Firebug

I have 300 lines of CSS, consisting of many rules that I need to test on a page. I would preferably like to paste the rules in one go at the bottom of the main.css that the page is using - or add a pseudo "extra-main.css" sheet to the page...

Inline style element appers in develoer window but not when viewing source code

I am looking at a form that has a captcha. The CSS being applied has made it all whacky looking. I'm about to diagnose the issue, and I'm looking at the styles being applied in my Google chrome developer window. For each individual rule, there is light grey text in...

Chrome Dev Tools console - select frame programatically

Using the Chrome Dev Tools console, I'm trying to select an element inside an iframe on the page. Is there a way to do this programatically without having to select the frame in the frames dropdown in order to set the console context to that frame first? Assuming the target...

Get CSS class definition from chrome developer tools console

I would like to programatically retrieve a set of CSS class definitions from chrome developer tools. In effect similar to what is displayed in styles tab in the right hand side. The input needs to be a class name and the output should be all the styles defined in it....

Catching requests made in xampp with fiddler

I have a simple php file which makes SOAP requests. This is running on my local computer with XAMPP as a webserver. I am trying to catch the request made in fiddler, I can see the request to my php file but that just returns the html for the page....

Downloaded octet-stream then encoding as pdf; can't get line endings worked out

Tools that I'm using for this: Chrome Notepad++ Sublime Text 3 Fiddler WinMerge Adobe Acrobat Reader X Synopsis I have downloaded a pdf twice, once through Chrome as an experimental control; once again through a raw /GET request via Fiddler which returns me an octet-stream. To this point, I can...

Chrome developer sidebar in extension pane

I am making a developer extension for Chrome. I create a custom pane, and want to add a sidebar to that pane. This page includes documentation on how to create a sidebar in the Elements pane and the Sources pane. However, it does not include any createSidebarPane method under the...

update popup.html content dynamically

I am sending a message from the contentscript to popup and trying to show the received message when the extension is clicked. I can see that the message is being received only when I Inspect popup contentscript.js console.log("content script"); chrome.runtime.sendMessage("hello",function(response) { console.log("sending message"); }); popup.js console.log("popup script"); function onReq(request, sender,...

Is it possible for a server to see whether a HTTPS connection is monitored by Fiddler?

I'd like to know if it's possible for web services to detect HTTPS connections with "faked" root certificates created by Fiddler4 (Web debugging proxy) to prevent reverse engineering. Is there any method to check whether the encryption is done with the original certificate or with one made by Fiddler?...