Questions tagged [google-chrome]

[google-chrome] is for questions related to development with Google Chrome, a web browser that uses the Blink rendering engine. Warning! General support for the browser is off-topic: questions about using or configuring the browser should be posted on Chrome OS and Chromium are off-topic: questions about [google-chrome-os] or [chromium] should use those tags.

Filter by
Sorted by
Tagged with
2117 votes
38 answers

Disable same origin policy in Chrome

Is there any way to disable the Same-origin policy on Google's Chrome browser?
Landon Kuhn's user avatar
  • 76.6k
1844 votes
42 answers

Hide scroll bar, but while still being able to scroll

I want to be able to scroll through the whole page, but without the scrollbar being shown. In Google Chrome it's: ::-webkit-scrollbar { display: none; } But Mozilla Firefox and Internet ...
Oussama el Bachiri's user avatar
1754 votes
11 answers

How to remove focus border (outline) around text/input boxes? (Chrome) [duplicate]

Can anyone explain how to remove the orange or blue border (outline) around text/input boxes? I think it only happens on Chrome to show that the input box is active. Here's the input CSS I'm using: ...
Joey Morani's user avatar
  • 25.5k
1723 votes
52 answers

Getting Chrome to accept self-signed localhost certificate [closed]

I have created a self-signed SSL certificate for the localhost CN. Firefox accepts this certificate after initially complaining about it, as expected. Chrome and IE, however, refuse to accept it, even ...
pjohansson's user avatar
  • 17.9k
1722 votes
34 answers

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 ...
tomermes's user avatar
  • 23k
1457 votes
19 answers

How to manually send HTTP POST requests from Firefox or Chrome browser

I want to test some URLs in a web application I'm working on. For that I would like to manually create HTTP POST requests (meaning I can add whatever parameters I like). Is there any functionality in ...
Pascal Klein's user avatar
  • 23.7k
1220 votes
29 answers

How do I get ASP.NET Web API to return JSON instead of XML using Chrome?

Using the newer ASP.NET Web API, in Chrome I am seeing XML - how can I change it to request JSON so I can view it in the browser? I do believe it is just part of the request headers, am I correct in ...
naspinski's user avatar
  • 34.1k
1193 votes
30 answers

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?
Randomblue's user avatar
  • 113k
970 votes
46 answers

Removing input background colour for Chrome autocomplete?

On a form I'm working on, Chrome is auto-filling the email and password fields. This is fine, however, Chrome changes the background colour to a pale yellow colour. The design I'm working on is using ...
DisgruntledGoat's user avatar
963 votes
15 answers

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 ...
Ben's user avatar
  • 13.2k
944 votes
25 answers

Remove blue border from css custom-styled button in Chrome

I'm working on a web page, and I want custom-styled <button> tags. So with CSS, I said: border: none. Now it works perfectly in safari, but in chrome, when I click one of the buttons, it puts an ...
eshellborn's user avatar
791 votes
11 answers

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 ...
David Stinemetze's user avatar
761 votes
12 answers

How to set a JavaScript breakpoint from code in Chrome?

I want to force the Chrome debugger to break on a line via code, or else using some sort of comment tag such as something like console.break().
Paul's user avatar
  • 9,315
736 votes
4 answers

Updating address bar with new URL without hash or reloading the page [duplicate]

I either dreamt about chrome (dev channel) implementing a way to update the address bar via javascript (the path, not domain) without reloading the page or they really have done this. However, I can'...
David Murdoch's user avatar
717 votes
69 answers

Chrome ignores autocomplete="off"

I've created a web application which uses a tagbox drop down. This works great in all browsers except Chrome browser (Version 21.0.1180.89). Despite both the input fields AND the form field having ...
Mr Fett's user avatar
  • 8,029
684 votes
12 answers

Differences between and websockets

What are the differences between and websockets in node.js? Are they both server push technologies? The only differences I felt was, allowed me to send/emit messages by ...
Vivek Mohan's user avatar
  • 8,088
646 votes
14 answers

Javascript / Chrome - How to copy an object from the webkit inspector as code

I am doing a console.log statement in my javascript in order to log a javascript object. I'm wondering if there's a way, once that's done - to copy that object as javascript code. What I'm trying to ...
mheavers's user avatar
  • 29.6k
643 votes
5 answers

How can I change the color of header bar and address bar in the newest Chrome version on Lollipop?

I haven't found anything on this topic yet. I really like the ability to change the color of address bar and header color on Overview. Is there an easy way to do this? . I think you need Android 5.0 (...
Arpad Gabor's user avatar
  • 15.2k
640 votes
16 answers

What is a user agent stylesheet?

I'm working on a web page in Google Chrome. It displays correctly with the following styles. table { display: table; border-collapse: separate; border-spacing: 2px; border-color: gray;...
Kapil Sharma's user avatar
  • 10.1k
618 votes
68 answers

Disabling Chrome Autofill

I have been running into issues with the chrome autofill behavior on several forms. The fields in the form all have very common and accurate names, such as "email", "name", or "password", and they ...
templaedhel's user avatar
  • 6,306
615 votes
6 answers

Access variables and functions defined in page context using a content script

I'm learning how to create Chrome extensions. I just started developing one to catch YouTube events. I want to use it with YouTube flash player (later I will try to make it compatible with HTML5). ...
André Alves's user avatar
  • 6,535
615 votes
26 answers

Can a website detect when you are using Selenium with chromedriver?

I've been testing out Selenium with Chromedriver and I noticed that some pages can detect that you're using Selenium even though there's no automation at all. Even when I'm just browsing manually just ...
Ryan Weinstein's user avatar
602 votes
18 answers

Chrome sendrequest error: TypeError: Converting circular structure to JSON

I've got the following... chrome.extension.sendRequest({ req: "getDocument", docu: pagedoc, name: 'name' }, function(response){ var efjs = response.reply; }); which calls the following.. ...
Skizit's user avatar
  • 43.6k
576 votes
12 answers

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 ...
Abram's user avatar
  • 40.1k
548 votes
35 answers

Google Chrome redirecting localhost to https

When I debug a Visual Studio project using Chrome the browser tries to redirect to the https equivalent of my web address. I do not have SSL enabled in the web project and the start URL is the http ...
Brett Mathe's user avatar
  • 6,439
510 votes
9 answers

WebKit issues with event.layerX and event.layerY

I just noticed that I get tons of deprecated warnings in the latest (canary) build of Chrome. event.layerX and event.layerY are broken and deprecated in WebKit. They will be removed from the engine ...
PeeHaa's user avatar
  • 71.5k
508 votes
22 answers

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?
Jopela's user avatar
  • 5,435
508 votes
9 answers

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 ...
kostja's user avatar
  • 60.6k
507 votes
15 answers

Violation Long running JavaScript task took xx ms

Recently, I got this kind of warning, and this is my first time getting it: [Violation] Long running JavaScript task took 234ms [Violation] Forced reflow while executing JavaScript took 45ms I'm ...
procatmer's user avatar
  • 5,430
502 votes
34 answers

What does status=canceled for a resource mean in Chrome Developer Tools?

What would cause a page to be canceled? I have a screenshot of the Chrome Developer Tools. This happens often but not every time. It seems like once some other resources are cached, a page refresh ...
styfle's user avatar
  • 22.5k
486 votes
4 answers

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 ...
Leopd's user avatar
  • 41.4k
485 votes
27 answers

How to wait until an element exists?

I'm working on an Extension in Chrome, and I'm wondering: what's the best way to find out when an element comes into existence? Using plain javascript, with an interval that checks until an element ...
mattsven's user avatar
  • 22.4k
478 votes
15 answers

How do I print debug messages in the Google Chrome JavaScript Console?

How do I print debug messages in the Google Chrome JavaScript Console? Please note that the JavaScript Console is not the same as the JavaScript Debugger; they have different syntaxes AFAIK, so the ...
Tamas Czinege's user avatar
476 votes
29 answers

How to clear basic authentication details in chrome

I'm working on a site that uses basic authentication. Using Chrome I've logged in using the basic auth. I now want to remove the basic authentication details from the browser and try a different login....
opsb's user avatar
  • 29.4k
475 votes
18 answers

How to fix 'Unchecked runtime.lastError: The message port closed before a response was received' chrome issue?

I'm using VueJS and Laravel for my project. This issue started to show lately and it shows even in the old git branches. This error only shows in the Chrome browser.
3UMF's user avatar
  • 5,212
474 votes
52 answers

Debugging "Element is not clickable at point" error

I see this only in Chrome. The full error message reads: "org.openqa.selenium.WebDriverException: Element is not clickable at point (411, 675). Other element would receive the click: ..." The ...
user1591169's user avatar
  • 4,741
470 votes
36 answers

"CAUTION: provisional headers are shown" in Chrome debugger

I noticed a strange caution message when looking at downloaded resources using Google chrome inspector (F12): Caution provisional headers are shown I found something possibly relevant, Network ...
Salvador Dali's user avatar
461 votes
7 answers

How to search all loaded scripts in Chrome Developer Tools?

In Firebug, you can search some text and it will look for it in all scripts loaded on a page. Can the same be done in Chrome Developer tools while debugging client script? I tried it, but it seems to ...
Slavo's user avatar
  • 15.3k
443 votes
15 answers

How do you launch the JavaScript debugger in Google Chrome?

When using Google Chrome, I want to debug some JavaScript code. How can I do that?
Kevin Driedger's user avatar
439 votes
8 answers

Chrome desktop notification example [closed]

How does one use Chrome desktop notifications? I'd like that use that in my own code. Update: Here's a blog post explaining webkit notifications with an example.
Sridhar Ratnakumar's user avatar
435 votes
14 answers

Is there a way to get the XPath in Google Chrome?

I have a webpage I want to use with YQL. But I need the XPath of a specific item. I can see it in the debug tools area for Google Chrome but I don't see a way to copy that XPath. Is there a way to ...
GeoffreyF67's user avatar
  • 11.1k
428 votes
8 answers

How to reset / remove chrome's input highlighting / focus border? [duplicate]

I have seen that chrome puts a thicker border on :focus but it kind of looks off in my case where I've used border-radius also. Is there anyway to remove that?
Jiew Meng's user avatar
  • 85k
426 votes
9 answers

What's the difference between console.dir and console.log?

In Chrome the console object defines two methods that seem to do the same thing: console.log(...) console.dir(...) I read somewhere online that dir takes a copy of the object before logging it, ...
Drew Noakes's user avatar
425 votes
34 answers

maxlength ignored for input type="number" in Chrome

The maxlength attribute is not working with <input type="number">. This happens only in Chrome. <input type="number" class="test_css" maxlength="4" id="flight_number" name="number"/>
Prajila V P's user avatar
  • 5,027
410 votes
4 answers

What's the difference between "Normal Reload", "Hard Reload", and "Empty Cache and Hard Reload" in Chrome?

I recently discovered this new feature in Chrome: I can figure out the difference between option 1 and option 3, and that option 2 is probably something in between, but I can't find any more precise ...
Samuel Rossille's user avatar
403 votes
16 answers

Automatically open Chrome developer tools when new tab/new window is opened

I have HTML5 application which opens in a new window by clicking a link. I'm a bit tired of pressing Shift + I each time I want to logging network communication to launch Developer tools because I ...
Alexander Sirobaba's user avatar
397 votes
5 answers

How to find what code is run by a button or element in Chrome using Developer Tools

I'm using Chrome and my own website. What I know from the inside: 1) I have a form where people sign up by clicking this orange image-button: 2) I inspect it, and this is all it is: <img class=&...
Neithan Max's user avatar
  • 11.1k
386 votes
15 answers

No “Proceed Anyway” option on NET::ERR_CERT_INVALID in Chrome on MacOS

I try to get my local development in Chrome back running, but Chrome prevents that, with the message that the certificate is invalid. Even though it could not be the date of the certificate, as you ...
DarioSoller's user avatar
  • 3,909
370 votes
16 answers

console.log timestamps in Chrome

Is there a quick way of getting Chrome to output timestamps in console.log writes (like Firefox does)? Or is prepending new Date().getTime() the only option?
UpTheCreek's user avatar
  • 31.5k
370 votes
5 answers

What does ==$0 (double equals dollar zero) mean in Chrome Developer Tools?

In Google Chrome's developer tools, when I select an element, I see ==$0 next to the selected element. What does that mean?
oneNiceFriend's user avatar

2 3 4 5