地理位置响应 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

小提琴在 High Sierra 上的最新 Safari 中工作。我也在 Chrome 中检查过，但由于 Ad Blocking 插件无法正常工作，该插件会阻止对http://freegeoip.net/json/的请求

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

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

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

$.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");