地理位置响应 country_name 在 Safari 中不起作用

Question

我的地理定位响应 country_name 在 Chrome 和 Firefox 中有效，但在 Safari 中无效。我该如何解决这个问题？

Javascript:

$.get("http://freegeoip.net/json/", function (response) {
    $("#ip").html("IP: " + response.ip);
    $("#country_code").html(response.country_code);
    if(response.country_code=='NL'||response.country_code=='US'){
        document.getElementById(response.country_code).style.display = "block";
    }
}, "jsonp");

HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="NL">THE NL</div>
<div id="US">THE US</div>

CSS:

#NL { display:none;} 
#US { display:none;}

Demo

Answer 1

fiddle 正在 High Sierra 上的最新 Safari 中工作。我也在 Chrome 中检查过这个，但它没有工作，因为广告拦截插件阻止了对 http://freegeoip.net/json/

的请求

为了克服这个问题，您可以在您的后端创建一个代理（创建一个简单的脚本，它将为您执行 GET 请求，因此客户端请求将与其原始请求相同）。

但是您注意到的错误 The page was not allowed to run insecure content from freegeoip.net/json 是关于不同的东西 - 您正在尝试向不安全的站点发出请求（http:// 而不是 https://）。

幸运的是，该服务也在 https 上运行，只需将 s 添加到 link，它应该可以正常工作。

$.get("https://freegeoip.net/json/", function (response) {
    $("#ip").html("IP: " + response.ip);
    $("#country_code").html(response.country_code);
    if(response.country_code=='NL'||response.country_code=='US'){
        document.getElementById(response.country_code).style.display = "block";
    }
}, "jsonp");

地理位置响应 country_name 在 Safari 中不起作用

Geolocation response country_name doesn't work in Safari

javascript

jquery

country-codes

geolocation