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
4 answers

console.log Stripping Carriage Returns (displaying as a literal ↵)

I'm trying to write a JavaScript function that prints a string to the console via console.log. However, the string has carriage returns in it, which show up as a literal ↵ character instead of creating a new line. Is this a limitation of…
Jake Lazaroff
  • 81
  • 1
  • 3
  • 8
6
votes
2 answers

Test XPath expressions with namespaces in Chrome

I have a XML document opened in Chrome and I would like to test some XPath expressions. The XML document involves different namespaces. How do I define the prefix URIs? For testing XPath expressions in Chrome I have used $x("...") so far.
Mahoni
  • 7,088
  • 17
  • 58
  • 115
6
votes
1 answer

Chrome plugin - Permission chrome-devtools://*/* is unknown or URL pattern is malformed

I am maintaining one extension for google chrome and I'm receiving complaints from random users saying that it just stopped working. The error message in "extensions" section is this: Chrome plugin - Permission chrome-devtools://*/* is unknown or…
Adam Zielinski
  • 2,774
  • 1
  • 25
  • 36
6
votes
3 answers

Automatically open Chrome Dev Tools with target='_blank' link?

When you click a target='_blank' link, it naturally opens a new tab in Google Chrome. For particular sites, I need to use the Chrome Developer Tools to examine the http requests for any new tabs that are opened. Whenever you have Chrome Dev Tools…
Jake Wilson
  • 88,616
  • 93
  • 252
  • 370
6
votes
2 answers

How to inspect CSS element using chrome?

I am trying to figure out how to inspect an element using Chrome. Now I know how to inspect an element, but how do I inspect a button's functions, like hover and active as well. I am trying to inspect the Youtube's sign-in button on the top left…
Aaron Warnke
  • 213
  • 1
  • 8
  • 14
6
votes
1 answer

How are javascript class names calculated for custom classes in Chrome Dev Tools?

I am trying to determine the rules for generating class names in javascript. I pasted this script into Chrome dev tools console: var obj = { Constr : function() { } }; var obj2 = obj; console.log(new obj.Constr()); console.log(new…
Andrew Eisenberg
  • 28,387
  • 9
  • 92
  • 148
6
votes
2 answers

Console log for Chrome DevTools API

I am extending Google Chrome with the "chrome.devtools.panels.create" API, it means that I have now some logic in my browser by which I need to debug. Is there anyway to see the Console log / Debug my DevTools additions?
user1450553
  • 91
  • 4
6
votes
4 answers

Trying to figure out origin of HTTP Request

A web application is making a HTTP request and I cannot understand how it is making it. It makes it just after painting a page. There is no 302 in the previous requests and nothing obvious which will tell me how this request is being made. What…
dublintech
  • 16,815
  • 29
  • 84
  • 115
6
votes
1 answer

Editing Javascript in Chrome real time, like Edit and Continue in Visual Studio

Chrome can edit Javascript on the fly, without a full page refresh, similar to Visual Studio's edit and continue ability for code behind files. This helps when prototyping javascript functions or snippets. You have to hit a breakpoint, then hit the…
GravityWell
  • 1,547
  • 1
  • 18
  • 22
6
votes
3 answers

Non-breaking breakpoints (trace points) in Javascript?

This is a rather complicated question that may simply be impossible with what's currently available, but if there was an easy way of doing it it would be huge. I'm debugging some JavaScript in Chrome, and because it's very event-driven, I prefer to…
Chris
  • 5,876
  • 3
  • 43
  • 69
5
votes
2 answers

Google Chrome Extensions: create a window only once

I'm opening a new window by clicking on the extension button near the search bar. I'd like to open a new window only if it's not already opened; in that case, I'd prefer showing the old one. Here is my code, but it doesn't work. var v = null; …
auino
  • 1,644
  • 5
  • 23
  • 43
5
votes
1 answer

How to reload page instead of continue script in Chrome debugger on Mac OS X?

I am using the debugger in Chrome 17.0, Mac OS X 10.6.8. When I am stepping through JavaScript, sometimes I can add a fix and want to immediately abort and reload the page. When I'm not in the debugger, F5 does not reload the page, but Command-R…
John Freeman
  • 2,552
  • 1
  • 27
  • 34
5
votes
3 answers

How can I enable CSS selector profiling in Chrome

I have read an interesting article about css selector profiling but I haven't found any way how to actually enable this feature. Is there something I am completely missing ?
Tomas Vana
  • 18,317
  • 9
  • 53
  • 64
5
votes
3 answers

Chrome Extension - Content Scripts Piling Up Multiple Times From AJAX Links/Navigation

I am super close to getting my Chrome Extension running perfectly, but am running into one last issue now. The problem seems to be related to the content script being injected repeatedly on sites like Facebook, where the entire page is not reloaded…
delta9
  • 403
  • 1
  • 7
  • 16
5
votes
2 answers

Can I set remote-allow-origins without using a wildcard in Selenium?

I am having a WebSocket issue with Selenium WebDriver, the same issue described here. The solution to the problem was to add the --remote-allow-origins=* argument to my driver's ChromeOptions. However, I do not want to use a wildcard for this…
Cardinal System
  • 2,749
  • 3
  • 21
  • 42
1 2 3
…
99
100