Question

我们正在开发一个反应应用程序（voot.com），它可以用于移动设备。

实时网址：https://m-origin.voot.com

我们面临很多关于opera mini的问题，其中之一就是：

我们无法使用loginradius.com进行社交登录。当我们点击＆＃39;继续使用Facebook＆＃39;时，app会重定向到loginradius.com，这是第三方。但是我们无法通过loginradius从我们的服务器获得任何响应，这就是用户未通过社交登录登录的原因。

我们正在使用来自http://cdn.loginradius.com/hub/prod/js/CustomInterface.2.js的loginradius的js文件。

我们编写了一个期望从loginradius返回到该回调的回调函数。但是那个回调函数并没有在Opera迷你浏览器中调用其他浏览器工作正常。

Answer 1

看起来像opera mini打开弹出窗口（因为移动浏览器的新标签）。我建议不要在移动设备的情况下打开新窗口。按照步骤解决此问题

1.将此模板添加到您的页面

<script type="text/javascript">
  $("#caleran").caleran({
    disableDays: function(day){
      var enabledDays = [
         moment("22-01-2017", "DD-MM-YYYY"), 
         moment("23-01-2017", "DD-MM-YYYY"),  
         moment("28-01-2017 ", "DD-MM-YYYY"), 
         moment("02-02-2017", "DD-MM-YYYY")
      ];
      return $.grep(enabledDays, function(d){ return d.isSame(day,"day"); }).length > 0;
    }
  });
</script>

2.添加此方法以检测移动设备

<script id="loginradiuscustom_tmpl_mobile" type="text/html"><div class="<%=Name%>">
<a class="anchor_<%=Name%>" href="javascript:void()" onclick="window.location.href = '<%=Endpoint%>&same_window=1&callback=<%=createCurrentRoute(window.location.href)%>'">
<span class="icon-image-<%=Name%>" ></span>
<span class="<%=Name%>-text">Continue with <%=Name%></span>
</a>
</div></script>

3.替换以下行

function detectmob() { 
 if( navigator.userAgent.match(/Android/i)
 || navigator.userAgent.match(/webOS/i)
 || navigator.userAgent.match(/iPhone/i)
 || navigator.userAgent.match(/iPad/i)
 || navigator.userAgent.match(/iPod/i)
 || navigator.userAgent.match(/BlackBerry/i)
 || navigator.userAgent.match(/Windows Phone/i)
 ){
    return true;
  }
 else {
    return false;
  }
}

带

options.templatename = "loginradiuscustom_tmpl";

使用loginradius.com进行Opera Mini社交登录问题

1 个答案: