Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to enable Chrome credit card autofill for http and localhost?

i need override this "Automatic credit card filling is disabled because this form does not use a secure connection" error for local development and testing.

like image 808
Денис Власов Avatar asked Feb 17 '19 16:02

Денис Власов


People also ask

Why is my Autofill not working on Chrome?

Clear Cache However, sometimes due to outdated or corrupt files in the cache, certain functionality of chrome stops working. This might be the reason why the autofill feature in your chrome is not working. You can try deleting the cache to see if that fixes the autofill feature.

How do I change the Autofill settings in Chrome?

Open your Chrome browser. Click on the three dots at the top right corner. Go to Settings and open Autofill settings. Click on the item (Passwords, Payment methods, Addresses and more) for which you want to disable Autofill.

How do I enable Autofill on my website?

To autofill username and password fields, under the Logins and Passwords section, check the box for the Autofill logins and passwords option (A). To autofill address fields, under the Forms and Autofill section, check the box for the Autofill addresses option (B).


1 Answers

One option is to enable https on your localhost. For this, here's a good ressource.

From the article:

  • Install mkcert
  • Then run $ mkcert -install
  • $ mkcert localhost to create a certificate for localhost. (It'll give you the paths for each created certificate)
  • Then you can use these certificates with your server to serve the content through https (example available on mkcert readme)

Depending on your use case it might differ a little bit. To get it up and running I advise you to look for a case-specific solution.

For example:

  • Solution for Express and https on localhost
  • Or Nuxt JS and https on localhost (doc + instructions)

In both cases you might need to validate the certificate afterwards. This SO answer explains it well.

Let me know if you find/found a good solution.

like image 140
tsnkff Avatar answered Jan 25 '23 13:01

tsnkff