微信，支付宝，百度钱包三种APP支付成功关闭浏览器

最新推荐文章于 2020-08-30 22:19:14 发布

转载最新推荐文章于 2020-08-30 22:19:14 发布 · 1.4k 阅读

文章标签：

#app #支付宝 #百度 #微信 #支付

app开发专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何在不同类型的移动应用（如微信、支付宝、百度钱包）中正确关闭页面的方法，同时提供了通过用户代理字符串来判断当前应用环境的示例代码。此外，还展示了如何监听返回、上一页操作并维护浏览器历史记录。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下面是三种移动app的关闭方式：

         WeixinJSBridge.call(
         'closeWindow'
         );
         //微信 
        

         AlipayJSBridge.call(
         'closeWebview'
         ); 
         //支付宝 
        

         BLightApp.closeWindow();
         //百度钱包
        

通过浏览器的头判断是那种浏览器：

         var 
          ua = navigator.userAgent.toLowerCase(); 
        

         f(ua.match(/MicroMessenger/i)==
         "micromessenger"
         ) { 
        

         alert(
         "微信客户端"
         ); 
        

         } 
         else 
         if
         (ua.indexOf(
         "alipay"
         )!=-1){ 
        

         alert(
         "支付宝客户端"
         ); 
        

         }
         else 
         if
         (ua.indexOf(
         "baidu"
         )!=-1){ 
        

         alert(
         "百度客户端"
         ); 
        

         }
        

对返回、上一页、后退进行监听，并对history中放入当前页地址：

         $(function(){  
        
         pushHistory();  
        
         window.addEventListener(
         "popstate"
         , function(e) { 
        
         }, 
         false
         ); 
        
         function pushHistory() { 
        
         var state = {  
        
         title: 
         "title"
         , 
        
         url: 
         "#"
        
         }; 
        
         window.history.pushState(state, 
         "title"
         ,  
         "#"
         ); 
        
         } 
        
         });

整个实现完整代码：

      $(
      function
      (){ 
     
      pushHistory();  
     
      window.addEventListener(
      "popstate"
      , 
      function
      (e) {  
     
      pushHistory();  
     
      var 
       ua = navigator.userAgent.toLowerCase(); 
     
      if
      (ua.match(/MicroMessenger/i)==
      "micromessenger"
      ) { 
     
      WeixinJSBridge.call(
      'closeWindow'
      ); 
     
      } 
      else 
      if
      (ua.indexOf(
      "alipay"
      )!=-1){ 
     
      AlipayJSBridge.call(
      'closeWebview'
      ); 
     
      }
      else 
      if
      (ua.indexOf(
      "baidu"
      )!=-1){ 
     
      BLightApp.closeWindow(); 
     
      } 
     
      else
      { 
     
      window.close();  
     
      } 
     
      }, 
      false
      ); 
     
      function 
       pushHistory() { 
     
      var 
       state = { 
     
      title: 
      "title"
      , 
     
      url: 
      "#"
     
      }; 
     
      window.history.pushState(state, 
      "title"
      , 
      "#"
      ); 
     
      } 
     
      });