jsを使用してユーザーのブラウザとデバイスの種類を検出する方法

 

export default function JudgmentEnvironment(){
    var userAgentStr = window.navigator.userAgent;
    let string = ''
    let stringtwo = ''
    if(/Mobile/.test(userAgentStr)){
		string='Mobile端';
	}else{
		string='PC端';
	}
	if (/MicroMessenger/.test(userAgentStr)) {
		stringtwo='WeChat(微信)'
	}else if(/AlipayClient/.test(userAgentStr)) {
		stringtwo='Alipay(支付宝)'
	}else if(/QQTheme/.test(userAgentStr)) {
		stringtwo='QQ'
	}else if(/HeyTapBrowser/.test(userAgentStr)) {
		stringtwo='HeyTapBrowser(HeyTap)'
	}else if(/VivoBrowser/.test(userAgentStr)) {
		stringtwo='VivoBrowser(vivo)'
	}else if(/MQQBrowser/.test(userAgentStr)) {
		stringtwo='MQQBrowser(QQ浏览器移动版)'
	}else if(/QQBrowser/.test(userAgentStr)) {
		stringtwo='QQBrowser(QQ浏览器)'
	}else if(/baiduboxapp/.test(userAgentStr)) {
		stringtwo='baiduboxapp(百度app)'
	}else if(/Weibo/.test(userAgentStr)) {
		stringtwo='Weibo(新浪微博)'
	}else if(/iqiyi/.test(userAgentStr)) {
		stringtwo='iqiyi(爱奇艺)'
	}else if(/aweme/.test(userAgentStr)) {
		stringtwo='aweme(抖音)'
	}else if(/kdtUnion_iting/.test(userAgentStr)) {
		stringtwo='kdtUnion_iting(喜马拉雅)'
	}else if(/DingTalk/.test(userAgentStr)) {
		stringtwo='DingTalk(钉钉)'
	}else if(/UCBrowser/.test(userAgentStr)) {
		stringtwo='UCBrowser(UC浏览器)'
	}else if(/SamsungBrowser/.test(userAgentStr)) {
		stringtwo='SamsungBrowser(三星浏览器)'
	}else if(/HUAWEIEVA/.test(userAgentStr)) {
		stringtwo='huaweiBrowser(华为浏览器)'
	}else if(/NokiaBrowser/.test(userAgentStr)) {
		stringtwo='NokiaBrowser(诺基亚浏览器)'
	}else if(/Opera/.test(userAgentStr)) {
		stringtwo='Opera(欧朋)'
	}else if(/Firefox/.test(userAgentStr)) {
		stringtwo='Firefox(火狐)'
	}else if(/Chrome/.test(userAgentStr)) {
		stringtwo='Chrome(谷歌)'
	}else if(/Safari/.test(userAgentStr)) {
		stringtwo='Safari(苹果)'
	}else{
		stringtwo='other'
	}

   return string+stringtwo
}

具体的には、まずユーザーのデバイス タイプを検出します。ユーザーがモバイル デバイスでウェブページにアクセスした場合は、string を「モバイル」に設定し、それ以外の場合は「」に設定します。 PC版」。

次に、ユーザーが使用しているブラウザを検出し、stringtwo を適切なブラウザ名に設定します。ユーザーのブラウザが既知のリストにない場合は、stringtwo を「other」に設定します。

コードには一連の条件ステートメントが含まれており、各条件ステートメントは WeChat、Alipay、QQ、Sina Weibo などの特定のブラウザーまたはアプリケーションの識別文字列を検出します。ユーザーのユーザー エージェント文字列 (userAgentStr) にこれらの識別文字列のいずれかが含まれている場合、対応する stringtwo 値が設定されます。

最後に、この関数は、「Mobile WeChat (WeChat)」、「PC Chrome (Google)」、「PC other」など、デバイスの種類とブラウザ名の組み合わせを含む文字列を返します (ユーザーのブラウザまたはデバイスの種類がサポートしていない場合)。特定される）。