Stack Overflow
Stack Overflow

Questions tagged [google-chrome-devtools]

Chrome DevTools are the web developer tools built into Google Chrome.

Google Chrome DevTools is a set of developer tools included with the Google Chrome browser. It includes inspection, debugging, and profiling capabilities for web pages and web apps.

Chrome Developer Tools features include:

  • Device Mode: emulates various screen sizes
  • Elements Panel: HTML/CSS analysis
  • Console Panel: command line and diagostics
  • Sources Panel: debugger
  • Network Panel: page load performance
  • Performance Panel: runtime performance
  • Memory Panel: memory issues
  • Application Panel: resource monitor
  • Security Panel: security issues

Useful Links:

8740 questions
6
votes
5 answers

The CSS style not applied until refresh

I have a webpage with the following CSS style that overrides some higher level styles. #pnlActions { background-image: -webkit-gradient(linear,left top,left bottom,from(#000),to(#000)); background-image: -webkit-linear-gradient(#000,#000); …
AngryHacker
  • 59,598
  • 102
  • 325
  • 594
6
votes
1 answer

How to use source map to find minification error

I work with Angular and RequireJS. I tried to use RequireJS optimization, and now my application is not working. I am sure it's due to minification. Uncaught Error: [$injector:modulerr]…
Sydney
  • 11,964
  • 19
  • 90
  • 142
6
votes
5 answers

How to identify insecure content in Chrome DevTools or Firefox?

My web page sometimes (rarely) shows "there are some insecure resources" warning icon (yellow lock) like in the screenshot below. However that occurs rarely and now I caught another one I don't want to miss it again so I can't risk losing the…
Sedat Kapanoglu
  • 46,641
  • 25
  • 114
  • 148
6
votes
0 answers

Is there a way to get the Code Mirror editor in Google Chrome developer tools to use a specific keymap?

Google Chrome now supports using the CodeMirror editor instead of its old editor in developer tools. You can turn it on by going to developer tools settings and checking “use code mirror editor”. While this is very cool, I would like to use it with…
bad_dragon
  • 61
  • 4
6
votes
2 answers

Chrome Developer Tools can't see javascript

So I am having this really weird thing where my javascript doesn't show in my sources window. If I set a debugger in my js and then reload the page, it will break and I can see the javascript. The weird thing is that instead of the tab being labeled…
jensengar
  • 6,117
  • 17
  • 58
  • 90
6
votes
1 answer

Troubleshooting browser source maps

Source maps are very helpful for debugging minimized scripts or translated languages (ex. CoffeeScript) but the browser gives you very little output to troubleshoot why your mapping doesn't work. Does anyone have a checklist that can be used to find…
Sam
  • 14,642
  • 6
  • 27
  • 39
6
votes
3 answers

Content Security Policy: cannot load Mixpanel in Chrome extension

I've been struggling with this for the past day and there are little-to-no resources available online for integrating Chrome Extensions and Mixpanel. I'd like for this thread to by the one that people refer to when dealing with integrating Mixpanel…
Zack Shapiro
  • 6,648
  • 17
  • 83
  • 151
6
votes
3 answers

Inspecting javascript variables as code popups in chrome

Anyone know how you get the yellow popup to appear when inspecting javascript variables in chrome? Apparently you just hover over the variable when the debugger is paused to see a variables current state but for whatever reason I can't get this to…
scottmwilliams
  • 168
  • 1
  • 8
6
votes
1 answer

Inconsistent loading time for JS and PHP

I have a PHP script being loaded by JS through JQuery's $.ajax. I measured the execution time of the PHP script using: $start = microtime(); // top most part of code // all other processes that includes AES decryption $end = microtime(); // bottom…
rationalboss
  • 5,330
  • 3
  • 30
  • 50
6
votes
1 answer

Icons in menu gone in Chrome Developer tools after update

After Chrome auto-upgraded itself, the icons for the menu disappeared. How do I re-enable them?
Mastergalen
  • 4,289
  • 3
  • 31
  • 35
6
votes
2 answers

source map HTTP request does not send cookie header

Regarding source maps, I came across a strange behavior in chromium (build 181620). In my app I'm using minified jquery and after logging-in, I started seeing HTTP requests for "jquery.min.map" in server log file. Those requests were lacking cookie…
maX
  • 475
  • 1
  • 4
  • 15
6
votes
3 answers

VBScript CreateObject Google Chrome

I have this VBScript it works fine, no problem with script but I would like to open it in Chrome instead of IE. I am very very new to VB Scripting. Can someone please help me. WScript.Quit Main Function Main Set IE =…
Mowgli
  • 3,422
  • 21
  • 64
  • 88
6
votes
1 answer

Use the Tampermonkey API from the Chrome console?

Is there any way use Tampermonkey's API in Chrome's JavaScript console? I want to mess with functions like GM_xmlhttpRequest() and GM_listValues().
Jake
  • 2,106
  • 1
  • 24
  • 23
6
votes
1 answer

How to use the Tincr Google Chrome extension for live reloading local files

I have tried using the Tincr Chrome Extension now on Windows and Linux (Ubuntu) and it still does not seem to do the Live Reloading it claims to on its website when I am editing the file in an external editor. The Tin.cr website claims: Any CSS or…
Jasdeep Khalsa
  • 6,740
  • 8
  • 38
  • 58
6
votes
1 answer

Using Chrome Developer Tools to Get Favicon

When I try to hit my test webpage, I get a 503 error. In the browser tab, the icon associated with my page. However, when I use Chrome Developer Tools, I don't see how that image is appearing. I cleared my cache prior to hitting the page. Also, I…
Kevin Meredith
  • 41,036
  • 63
  • 209
  • 384
1 2 3
…
99
100