I am developing a website which require the use of the navigator.geolocation object through a local development environment on MACOSX. I am using Chrome 53. Considering geolocation is blocked on anything that isn't HTTPS how am I suppose to develop my website locally? The Google Developers site quotes:
Does this affect local development?
It should not, localhost has been declared as "potentially secure" in the spec and in our case geolocation requests served at the top level over localhost will still work.
Here's what I am seeing:
Geolocation console warnings
Any ideas? (aside from switch browser)
I am developing a website which require the use of the navigator.geolocation object through a local development environment on MACOSX. I am using Chrome 53. Considering geolocation is blocked on anything that isn't HTTPS how am I suppose to develop my website locally? The Google Developers site quotes:
Does this affect local development?
It should not, localhost has been declared as "potentially secure" in the spec and in our case geolocation requests served at the top level over localhost will still work.
Here's what I am seeing:
Geolocation console warnings
Any ideas? (aside from switch browser)
Share Improve this question asked Oct 27, 2016 at 23:38 Gavin KempGavin Kemp 5097 silver badges13 bronze badges 1-
You can use
about://flagsinstead of passing manding arguments. Here is how to do it on Android's Google Chrome. – Sahil Singh Commented Apr 2, 2020 at 2:27
3 Answers
Reset to default 9http://localhost is treated as a secure origin, so you don't need to do anything, the Geolocation will work.
If you're using another hostname that points to the localhost (Ex: http://mysite.test) then you should run chrome from the mand line with the following option: --unsafely-treat-insecure-origin-as-secure="http://mysite.test".
Example
google-chrome --unsafely-treat-insecure-origin-as-secure="http://yoursite.test"
More details on Deprecating Powerful Features on Insecure Origins
Use file: protocol. Launch chrome with --allow-file-access-from-files flag set, see Jquery load() only working in firefox?. At Settings select Content settings, scroll to Location, select Ask when a site tries to track your physical location (remended).
The answer to this question is to set VirtualHost in XAMPP to use the SSL Engine. This question has already been answered here: How do I use https (SSL) in XAMPP while using virtual hosts
This then allows the Geolocation to run through HTTPS on a local development environment using XAMPP.