google-chrome-devtools

I know __proto__ is deprecated (or not part of the standard) and all that but I'm still curious as to what it means when it says Invalid Date when I look at the __proto__ value of.. var myDate = new Date(1331869050000); "I'm still curious as to what it means when it says Invalid Date" That's simply the toString value of the prototype object of the Date constructor function. Date.prototype.toString(); // "Invalid Date" You can override it if you like... Date.prototype.toString = function() { return "I like turtles." }; var myDate = new Date(1331869050000); myDate.__proto__; // I like turtles. A

I can use the Network tab in the Google Chrome Web Inspector to debug the network traffic (AJAX requests, etc.). I can check what data is transferred easily. But Websocket connections only show as Request URL:ws://localhost/... Request Method:GET Status Code:101 Switching Protocols ... and I can't see the transferred data. Is there any build in feature in Google Chrome to inspect the transferred data? Or do I need to use Wireshark? PS: I'm using the latest stable version (16.0.912.75). If a newer version (beta/dev) has this features, it would be nice. Chrome and Chromium now have WebSocket

Note: I've read similar threads, but none quite my issue - I can right click on it fine, it just then disappears. I find "Inspect Element" an invaluable tool in Chrome, however my latest foray as I learn the wizardly ways many of you already possess saw me creating a sub-menu for an element on my nav bar, which pops up below on hover of it's parent item. The popup(or down) isn't quite styled how I'd like, so I right-click > inspect element to see what's coming from where exactly, and get a better idea of how to achieve my desired effect. However, as soon as I move my mouse away from the menu,

I've a following network log in chrome: I don't understand one thing in it: what's the difference between filled gray bars and transparent gray bars. Google gives a breakdown of these fields in the Evaluating network performance section of their DevTools documentation. Excerpt from Resource network timing : Stalled/Blocking Time the request spent waiting before it could be sent. This time is inclusive of any time spent in proxy negotiation. Additionally, this time will include when the browser is waiting for an already established connection to become available for re-use, obeying Chrome's

EVERY SINGLE TIME I view an object in the console I am going to want to expand it, so it gets tiresome to have to click the arrow to do this EVERY SINGLE TIME :) Is there a shortcut or setting to have this done automatically? lorefnon While the solution mentioning JSON.stringify is pretty great for most of the cases, it has a few limitations It can not handle items with circular references where as console.log can take care of such objects elegantly. Also, if you have a large tree, then ability to interactively fold away some nodes can make exploration easier. Here is a solution (uses the

The tools are opened on the bottom of the chrome window per default. This is a rather bad choice for a wide screen display since there is plenty of empty space to the right but not much vertical space to spare. Unfortunately, I have found no way to reposition the tools. I would like to have them on the side, similar to firebug. The only option similar to what I want is to detach the dev tools and place chrome and the tools window side-by-side. This is not very convenient for quickly alt-tabbing from the IDE to the browser and back though, so an "integrated" solution would be nice. loislo