使用回调脚本(3D安全条带)在移动设备上打开页面

时间:2018-02-13 13:37:48

标签: javascript jquery mobile stripe-payments

我尝试在响应式网站上安装条形码付款。

在欧洲,我们必须在信用卡验证后使用3D Secure流程。 3D安全是一种防止欺诈的系统。 我们必须在外部页面上加载此过程。

在桌面设备上,我们可以在iframe中打开。 但是对于移动设备,我们必须加载空白页面。

因此,要启动3D Secure,我必须使用回调加载此页面。

一个想法?

    $(document).ready(function(){

      // Verify if is mobile device
      var isMobile = window.matchMedia("only screen and (max-width: 760px)"); 
      if (isMobile.matches) 
      { 
        // Mobile device => we open 3D secure process on blank page
        test_3DSECURE_page();    
      } 
      else
      {
        // Desktop device => we open 3D secure process in iframe
         $.featherlight({
          iframe: response.redirect.url,
          iframeWidth: '500',
          iframeHeight: '400',
          closeOnClick:   false,          
          closeOnEsc:     false,                 
          closeIcon:      ''            
        });
      }

          function test_3DSECURE_page()
          {
            var url="https://www.3dsecuretest.xxx";
            window.open(url,'_blank');  
          }
    });

1 个答案:

答案 0 :(得分:0)

使用java脚本打开一个新窗口通常被大多数浏览器看作弹出窗口。我敢打赌,你正在使用的移动浏览器阻止了这个弹出窗口。