Questions tagged [google-chrome-devtools]
Chrome DevTools are the web developer tools built into Google Chrome.
google-chrome-devtools
8,938
questions
1783
votes
15
answers
305k
views
How does Facebook disable the browser's integrated Developer Tools?
So apparently because of the recent scams, the developer tools are exploited by people to post spam and even used to "hack" accounts. Facebook has blocked the developer tools, and I can't ...
- 93.7k
1735
votes
35
answers
864k
views
Disabling Chrome cache for website development
I am modifying a site's appearance (CSS modifications) but can't see the result on Chrome because of annoying persistent cache. I tried Shift+refresh but it doesn't work.
How can I disable the cache ...
- 23.2k
1709
votes
42
answers
553k
views
How do I debug Node.js applications?
How do I debug a Node.js server application?
Right now I'm mostly using alert debugging with print statements like this:
sys.puts(sys.inspect(someVariable));
There must be a better way to debug. I ...
- 29k
1317
votes
20
answers
671k
views
How do I access the $scope variable in browser's console using AngularJS?
I would like to access my $scope variable in Chrome's JavaScript console. How do I do that?
I can neither see $scope nor the name of my module myapp in the console as variables.
- 47.3k
1214
votes
31
answers
756k
views
Colors in JavaScript console
Can Chrome's built-in JavaScript console display colors?
I want errors in red, warnings in orange and console.log's in green. Is that possible?
- 115k
1093
votes
11
answers
488k
views
jQuery's jquery-1.10.2.min.map is triggering a 404 (Not Found)
I'm seeing error messages about a file, min.map, being not found:
GET jQuery's jquery-1.10.2.min.map is triggering a 404 (Not Found)
Screenshot
Where is this coming from?
- 48.5k
977
votes
17
answers
396k
views
See :hover state in Chrome Developer Tools
I want to see the :hover style for an anchor I'm hovering on in Chrome. In Firebug, there's a style dropdown that allows me to select different states for an element.
I can't seem to find anything ...
- 13.6k
832
votes
6
answers
693k
views
How do I view events fired on an element in Chrome DevTools?
I have a customizable form element on a page from a library. I want to see what javascript events are fired when I interact with it because I am trying to find out which event handler to use.
How do ...
- 18.3k
822
votes
11
answers
351k
views
Using Chrome's Element Inspector in Print Preview Mode?
I am working on developing a website and need to work on the print view. Typically when I have layout issues I use Chrome's Element Inspector. However this does not exist in print preview mode.
Is ...
- 9,180
627
votes
9
answers
884k
views
How can I view HTTP headers in Google Chrome?
Till 9.x, the headers were under the resources in the Developer Tools, but now I can't find it anywhere.
user267817
612
votes
15
answers
362k
views
Freeze screen in chrome debugger / DevTools panel for popover inspection?
I'm using the chrome inspector to try and analyze the z-index of a twitter bootstrap popover, and finding it extremely frustrating...
Is there a way to freeze the popover (while shown) so that I can ...
- 41.3k
523
votes
22
answers
495k
views
How to disable JavaScript in Chrome Developer Tools?
I am trying to debug the features of a website when users disable their JavaScript. I was wondering how do you disable JavaScript for a page from the Google Chrome DevTools?
- 5,585
512
votes
9
answers
214k
views
How to reposition Chrome Developer Tools
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 ...
- 61.2k
504
votes
4
answers
252k
views
How to use Chrome's network debugger with redirects
The Chrome network debugger gives me a great view of all the HTTP resources loaded for a page. But it clears the list whenever a new top-level HTML page is loaded. This makes it very difficult to ...
- 42.3k
478
votes
11
answers
920k
views
Is it possible to open developer tools console in Chrome on Android phone?
An AngularJS application works fine on desktop, but is not rendering properly on mobile (actual code is showing). This is on an Android phone.
I would like to see what errors are showing in the ...
- 12.9k