为了账号安全,请及时绑定邮箱和手机立即绑定

js判断当前浏览器是否是源生app的webview

标签:
JavaScript

有些时候,我们在开发过程中需要判断,当前页面被打开是否是处于源生的webview里面,或者NODEJS做服务器后端支持的时候,判断请求来源是否来至于源生webview里面被打开的页面请求GET/POST/..
于是写了一个轮子,用javascript的形式判断当前设备android或者ios,是不是又webview来装载页面内容 还是 浏览器(非webview)来装载页面内容。

js-is-webview

github:https://github.com/wuliqiangqiang/is-webview

use javascrupt to know it is webview ?
support node and the browser(webpack)
pass User-Agent sniffing,know the HTTP/HTTPS request is performed by a UIWebview/Webview or not.

安装

npm install js-is-webview --save

Node 服务端的用法

const isWebview = require("js-is-webview");const is_webview = new isWebview();const server = (req, res, next) => {
    - let userAgent = {
        - userAgent:req.headers['User-Agent']
    }    // if true
    if(isWebview.check(userAgent))){        //...
        next();
    }
};

浏览器 的用法

const isWebview = require("js-is-webview");
const is_webview = new isWebview();
let userAgent = {    
userAgent:navigator.userAgent
}
if(isWebview.check(userAgent))){    
//...}

API

唯一API方法,检查是否来自webview

iswebview.check({userAgent})

  • userAgent (Object.key): Browser User-Agent header string

if(isWebview.check({userAgent}))){    //...}

iswebview.check({userAgent, configObject})

  • userAgent (Object.key): Browser User-Agent header string - 浏览器标识

  • configObject (Object)

    • appName (String): the app name explicitly set in your WebView properties/settings. -在WebView属性/设置中显式设置的应用程序名称。

=====文章转载,请注明来处======

作者:_枪枪

原文链接:https://www.cnblogs.com/sheep-sheep/p/10446277.html


点击查看更多内容
1人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消