@zxhy-npm/send-sls-logger 1.1.3 → 1.1.4

package/lib/trace.d.ts

@@ -1 +1,14 @@
 export declare function initTrace(info: (...data: any[]) => any): void;
+export declare const isPC: boolean;
+export declare const browserInfo: string;
+export declare const mobileInfo: string;
+/** 设备型号
+ * pc: MacOS 10.15.7-(Chrome-131.0)
+ * mobile: iPhone iOS 16.6-Safari-16.6
+ * */
+export declare const deviceInfo: string;
+/** 地址来源 */
+export declare const referUrl: {
+    referUrl: string;
+    referSet: Set<string>;
+};

package/lib/trace.js

@@ -39,3 +39,118 @@ export function initTrace(info) {
     };
     window.addEventListener('click', clickHandler, true);
 }
+export const isPC = !/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+export const browserInfo = (() => {
+    const ua = navigator.userAgent;
+    let browserName = '';
+    let browserVersion = '';
+    let osName = '';
+    let osVersion = '';
+    // 检测操作系统
+    if (ua.indexOf('Win') > -1) {
+        osName = 'Windows';
+    }
+    else if (ua.indexOf('Mac') > -1) {
+        osName = 'MacOS';
+        // 匹配 Mac OS X 10_15_7 或 Mac OS X 13_1_0 这样的格式
+        const macVersion = ua.match(/Mac OS X (\d+[._]\d+[._]\d+)/);
+        if (macVersion) {
+            osVersion = macVersion[1].replace(/_/g, '.');
+        }
+    }
+    else if (ua.indexOf('Linux') > -1) {
+        osName = 'Linux';
+    }
+    else if (ua.indexOf('X11') > -1) {
+        osName = 'Unix';
+    }
+    // 检测浏览器
+    if (ua.indexOf('Chrome') > -1) {
+        browserName = 'Chrome';
+        browserVersion = ua.match(/Chrome\/(\d+\.\d+)/)?.[1] || '';
+    }
+    else if (ua.indexOf('Firefox') > -1) {
+        browserName = 'Firefox';
+        browserVersion = ua.match(/Firefox\/(\d+\.\d+)/)?.[1] || '';
+    }
+    else if (ua.indexOf('Safari') > -1) {
+        browserName = 'Safari';
+        browserVersion = ua.match(/Version\/(\d+\.\d+)/)?.[1] || '';
+    }
+    else if (ua.indexOf('MSIE') > -1 || ua.indexOf('Trident') > -1) {
+        browserName = 'IE';
+        browserVersion = ua.match(/(MSIE |rv:)(\d+\.\d+)/)?.[2] || '';
+    }
+    return `${osName}${osVersion ? ` ${osVersion}` : ''}-(${browserName}-${browserVersion})`;
+})();
+export const mobileInfo = (() => {
+    const ua = navigator.userAgent;
+    let deviceModel = '';
+    let browserName = '';
+    let browserVersion = '';
+    // 检测设备型号和版本
+    if (ua.indexOf('iPhone') > -1) {
+        deviceModel = 'iPhone';
+        // 匹配 iOS 版本
+        const match = ua.match(/OS (\d+_\d+(_\d+)?)/);
+        if (match) {
+            deviceModel += ` iOS ${match[1].replace(/_/g, '.')}`;
+        }
+    }
+    else if (ua.indexOf('iPad') > -1) {
+        deviceModel = 'iPad';
+        const match = ua.match(/OS (\d+_\d+(_\d+)?)/);
+        if (match) {
+            deviceModel += ` iOS ${match[1].replace(/_/g, '.')}`;
+        }
+    }
+    else if (ua.indexOf('Android') > -1) {
+        // 匹配安卓版本和设备型号
+        const androidVersion = ua.match(/Android (\d+(\.\d+)+)/);
+        const model = ua.match(/\(Linux; Android [\d.]+; (.*?)\)/);
+        deviceModel = model ? model[1] : 'Android';
+        if (androidVersion) {
+            deviceModel += ` Android ${androidVersion[1]}`;
+        }
+    }
+    // 检测移动浏览器及版本
+    if (ua.indexOf('MicroMessenger') > -1) {
+        browserName = 'WeChat';
+        const match = ua.match(/MicroMessenger\/([\d.]+)/);
+        browserVersion = match ? match[1] : '';
+    }
+    else if (ua.indexOf('AlipayClient') > -1) {
+        browserName = 'Alipay';
+        const match = ua.match(/AlipayClient\/([\d.]+)/);
+        browserVersion = match ? match[1] : '';
+    }
+    else if (ua.indexOf('QQ') > -1) {
+        browserName = 'QQ';
+        const match = ua.match(/QQ\/([\d.]+)/);
+        browserVersion = match ? match[1] : '';
+    }
+    else if (ua.indexOf('UCBrowser') > -1) {
+        browserName = 'UC';
+        const match = ua.match(/UCBrowser\/([\d.]+)/);
+        browserVersion = match ? match[1] : '';
+    }
+    else if (ua.indexOf('Safari') > -1) {
+        browserName = 'Safari';
+        const match = ua.match(/Version\/([\d.]+)/);
+        browserVersion = match ? match[1] : '';
+    }
+    return `${deviceModel}-${browserName}${browserVersion ? `-${browserVersion}` : ''}`;
+})();
+/** 设备型号
+ * pc: MacOS 10.15.7-(Chrome-131.0)
+ * mobile: iPhone iOS 16.6-Safari-16.6
+ * */
+export const deviceInfo = isPC ? browserInfo : mobileInfo;
+/** 地址来源 */
+export const referUrl = new Proxy({ referUrl: '', referSet: new Set([document.referrer]) }, {
+    get(target, key) {
+        const result = Array.from(target.referSet)[target.referSet.size - 1];
+        target.referSet.add(location.href);
+        return result;
+    },
+});

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@zxhy-npm/send-sls-logger",
-	"version": "1.1.3",
+	"version": "1.1.4",
 	"description": "阿里云sls的logger发送",
 	"scripts": {
 		"build": "rm -rf lib && tsc"

package/readme.md

@@ -50,3 +50,5 @@ miniLog.info({ msg: "这是一条默认日志" });
 更新内容: 增加了 initTrace 的方法, 只支持PC项目，监听 dom的进入试图，以及点击事件，需要在dom增加 data-module、data-click 对应的属性
 1.1.2 ---------- 12/16/2024, 3:45:22 PM  
 更新内容: 会自动删除 预发送数据 中的 undefined 与 null  
+1.1.4 ---------- 1/10/2025, 11:35:16 AM  
+更新内容: trace 导出deviceInfo 以及 referUrl