spy-client 2.1.2 → 2.1.8

package/dist/spy-client-basic.js

@@ -33,7 +33,8 @@
      * @author kaivean
      */
     var defaultLogServer = 'https://sp1.baidu.com/5b1ZeDe5KgQFm2e88IuM_a/mwb2.gif?';
-    var ver = navigator.userAgent.toLowerCase().match(/cpu iphone os (.*?)_/);
+    // 基础版本兼容非浏览器环境
+    var ver = navigator && navigator.userAgent ? navigator.userAgent.toLowerCase().match(/cpu iphone os (.*?)_/) : '';
     var isLtIos14 = ver && ver[2] && (+ver[2] < 14);
     function err(msg) {
         console.error("[SpyClient_log]" + msg);
@@ -66,42 +67,23 @@
                 lid: option.lid,
                 check: option.check !== false,
                 sample: option.sample,
+                localCache: option.localCache,
                 logServer: option.logServer || defaultLogServer,
             };
         }
-        SpyClient.prototype.fetch = function (url, data) {
-            if (!window.fetch) {
-                return;
-            }
-            fetch(url, {
-                method: 'POST',
-                credentials: 'include',
-                headers: {
-                    'Content-Type': 'application/json'
-                },
-                body: JSON.stringify(data)
-            });
-        };
-        SpyClient.prototype.sendPost = function (data) {
-            var logItems = isArray(data) ? data : [data];
-            var first = logItems[0];
-            // 需要在页面暴漏出来pid等基本信息，方式调试查看基本信息与兼容目前的监控
-            var query = {
-                pid: first.pid,
-                type: first.type,
-                group: first.group,
-            };
-            var url = this.option.logServer + stringify(query);
-            if (!(!isLtIos14
-                && navigator.sendBeacon
-                && navigator.sendBeacon(url, JSON.stringify(data)))) {
-                this.fetch(url, data);
-            }
-        };
         SpyClient.prototype.handle = function (logItem) {
             if (!this.check(logItem)) {
                 return;
             }
+            logItem = assign({
+                pid: this.option.pid,
+                lid: this.option.lid,
+                ts: Date.now(),
+                group: 'common',
+            }, logItem);
+            if (this.option.localCache) {
+                this.option.localCache.addLog(logItem);
+            }
             // 当前api设置了抽样，
             if (typeof logItem.sample === 'number') {
                 if (Math.random() > logItem.sample) {
@@ -111,12 +93,6 @@
             else if (typeof this.option.sample === 'number' && Math.random() > this.option.sample) { // 否则，用全局抽样
                 return;
             }
-            logItem = assign({
-                pid: this.option.pid,
-                lid: this.option.lid,
-                ts: Date.now(),
-                group: 'common',
-            }, logItem);
             delete logItem.sample;
             return logItem;
         };
@@ -136,16 +112,7 @@
                     continue;
                 }
                 var url = this.option.logServer + stringify(logItem);
-                // 目前服务器端支持sendBeacon的post请求，可以优先采用，该api可以降低打点丢失率
-                // 但是ios有些问题：在webkit浏览内核环境下，beacon requests的请求方式存在证书验证的bug，发送失败但返回正确.
-                // 修复说明在如下链接中：https://bugs.webkit.org/show_bug.cgi?id=193508
-                // 但是目前为止，在iOS12.2版本中该问题依旧存在
-                // 2021-11-11： 发现ios 14可以送，故小于14的不发送
-                if (!(!isLtIos14
-                    && navigator.sendBeacon
-                    && navigator.sendBeacon(url))) {
-                    (new Image()).src = url;
-                }
+                this.request(url);
             }
             if (post) {
                 this.sendPost(postData);
@@ -290,6 +257,48 @@
         SpyClient.prototype.clearAllMark = function () {
             this.markCache = {};
         };
+        // send(data, true) 也能以post发送，但是会有严格校验
+        // sendPost能以post发送，但没有校验
+        SpyClient.prototype.sendPost = function (data) {
+            var logItems = isArray(data) ? data : [data];
+            var first = logItems[0];
+            // 需要在页面暴漏出来pid等基本信息，方式调试查看基本信息与兼容目前的监控
+            var query = {
+                pid: first.pid,
+                type: first.type,
+                group: first.group,
+            };
+            var url = this.option.logServer + stringify(query);
+            this.request(url, data);
+        };
+        // 有data时，意味着要用post发送请求
+        SpyClient.prototype.request = function (url, data) {
+            if (!(!isLtIos14
+                && navigator
+                && navigator.sendBeacon
+                && navigator.sendBeacon(url, data ? JSON.stringify(data) : undefined))) {
+                if (data) {
+                    this.fetch(url, data);
+                }
+                else {
+                    (new Image()).src = url;
+                }
+            }
+        };
+        SpyClient.prototype.fetch = function (url, data) {
+            if (!fetch) {
+                err('Global fetch method doesn\'t exist');
+                return;
+            }
+            fetch(url, {
+                method: 'POST',
+                credentials: 'include',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify(data),
+            });
+        };
         return SpyClient;
     }());
 

package/dist/spy-client-basic.min.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).SpyClient=t()}(this,function(){"use strict";function o(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return(Object.assign||function(e){for(var t=void 0,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,e)}var e=navigator.userAgent.toLowerCase().match(/cpu iphone os (.*?)_/),a=e&&e[2]&&+e[2]<14;function h(e){console.error("[SpyClient_log]"+e)}function p(n){return Object.keys(n).map(function(e){var t=n[e];return void 0===t?t="":"string"!=typeof t&&(t=JSON.stringify(t)),encodeURIComponent(e)+"="+encodeURIComponent(t)}).join("&")}function c(e){return"[object Array]"===Object.prototype.toString.call(e)}function t(e){if(this.sample={},this.markCache={},!e.pid)throw new Error("pid is required");this.option={pid:e.pid,lid:e.lid,check:!1!==e.check,sample:e.sample,logServer:e.logServer||"https://sp1.baidu.com/5b1ZeDe5KgQFm2e88IuM_a/mwb2.gif?"}}return t.prototype.fetch=function(e,t){window.fetch&&fetch(e,{method:"POST",credentials:"include",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)})},t.prototype.sendPost=function(e){var t=(c(e)?e:[e])[0],n={pid:t.pid,type:t.type,group:t.group},o=this.option.logServer+p(n);!a&&navigator.sendBeacon&&navigator.sendBeacon(o,JSON.stringify(e))||this.fetch(o,e)},t.prototype.handle=function(e){if(this.check(e)){if("number"==typeof e.sample){if(Math.random()>e.sample)return}else if("number"==typeof this.option.sample&&Math.random()>this.option.sample)return;return delete(e=o({pid:this.option.pid,lid:this.option.lid,ts:Date.now(),group:"common"},e)).sample,e}},t.prototype.send=function(e,t){void 0===t&&(t=!1);for(var n=[],o=0,r=c(e)?e:[e];o<r.length;o++){var i=r[o];if((i=this.handle(i))&&(n.push(i),!t)){var s=this.option.logServer+p(i);!a&&navigator.sendBeacon&&navigator.sendBeacon(s)||((new Image).src=s)}}t&&this.sendPost(n)},t.prototype.check=function(e){if(!this.option.check)return!0;var t=["perf","except","dist","count"];if(-1===t.indexOf(e.type))return h("type only is one of "+t.join(", ")),!1;if(e.group&&30<e.group.length)return h("group length execeeds 30"),!1;var n=/^[a-zA-Z0-9-_]{0,30}$/;if("except"===e.type){if("string"!=typeof e.info.msg||!e.info.msg.length)return h("info.msg field must be not empty and is String"),!1}else for(var o=0,r=Object.keys(e.info);o<r.length;o++){var i=r[o];if(!n.test(i))return h("info."+i+" is unexpected. Length must be not more than 30. Supported chars: a-zA-Z0-9-_"),!1;var s=e.info[i];if("dist"===e.type){if(30<s.length)return h("info."+i+" value length execeeds 30 when type == 'dist'"),!1}else if("number"!=typeof s)return h("info."+i+" value must be number"),!1}if(e.dim)for(var a=0,p=Object.keys(e.dim);a<p.length;a++){var c=p[a];if(!n.test(c))return h("dim key ["+c+"] is unexpected. Length must be not more than 30. Supported chars: a-zA-Z0-9-_"),!1;var f=e.dim[c];if(!/^[a-zA-Z0-9\-_\*\.\s\/#\+@\&\u4e00-\u9fa5]{0,30}$/.test(f))return h("dim."+c+" value ["+f+"] is unexpected. Length must be not more than 30. Supported chars: a-zA-Z0-9-_*. /#+@& and Chinese"),!1}return!0},t.prototype.sendPerf=function(e){this.send(o({type:"perf"},e))},t.prototype.sendExcept=function(e){this.send(o({type:"except"},e))},t.prototype.sendDist=function(e){this.send(o({type:"dist"},e))},t.prototype.sendCount=function(e){this.send(o({type:"count"},e))},t.prototype.sendExceptForError=function(e,t){var n=o({},t);n.info=o({},t.info||{},{msg:e.message,stack:e.stack}),this.sendExcept(n)},t.prototype.startMark=function(e){this.markCache[e]={start:Date.now()}},t.prototype.endMark=function(e){return this.markCache[e]?(this.markCache[e].total=Date.now()-this.markCache[e].start,this.markCache[e].total):0},t.prototype.clearMark=function(e){this.markCache[e]&&delete this.markCache[e]},t.prototype.getAllMark=function(){for(var e={},t=0,n=Object.keys(this.markCache);t<n.length;t++){var o=n[t];e[o]=this.markCache[o].total}return e},t.prototype.clearAllMark=function(){this.markCache={}},t});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).SpyClient=t()}(this,function(){"use strict";function o(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return(Object.assign||function(e){for(var t=void 0,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,e)}var e=navigator&&navigator.userAgent?navigator.userAgent.toLowerCase().match(/cpu iphone os (.*?)_/):"",n=e&&e[2]&&+e[2]<14;function f(e){console.error("[SpyClient_log]"+e)}function a(n){return Object.keys(n).map(function(e){var t=n[e];return void 0===t?t="":"string"!=typeof t&&(t=JSON.stringify(t)),encodeURIComponent(e)+"="+encodeURIComponent(t)}).join("&")}function p(e){return"[object Array]"===Object.prototype.toString.call(e)}function t(e){if(this.sample={},this.markCache={},!e.pid)throw new Error("pid is required");this.option={pid:e.pid,lid:e.lid,check:!1!==e.check,sample:e.sample,localCache:e.localCache,logServer:e.logServer||"https://sp1.baidu.com/5b1ZeDe5KgQFm2e88IuM_a/mwb2.gif?"}}return t.prototype.handle=function(e){if(this.check(e)){if(e=o({pid:this.option.pid,lid:this.option.lid,ts:Date.now(),group:"common"},e),this.option.localCache&&this.option.localCache.addLog(e),"number"==typeof e.sample){if(Math.random()>e.sample)return}else if("number"==typeof this.option.sample&&Math.random()>this.option.sample)return;return delete e.sample,e}},t.prototype.send=function(e,t){void 0===t&&(t=!1);for(var n=[],o=0,r=p(e)?e:[e];o<r.length;o++){var i=r[o];if((i=this.handle(i))&&(n.push(i),!t)){var s=this.option.logServer+a(i);this.request(s)}}t&&this.sendPost(n)},t.prototype.check=function(e){if(!this.option.check)return!0;var t=["perf","except","dist","count"];if(-1===t.indexOf(e.type))return f("type only is one of "+t.join(", ")),!1;if(e.group&&30<e.group.length)return f("group length execeeds 30"),!1;var n=/^[a-zA-Z0-9-_]{0,30}$/;if("except"===e.type){if("string"!=typeof e.info.msg||!e.info.msg.length)return f("info.msg field must be not empty and is String"),!1}else for(var o=0,r=Object.keys(e.info);o<r.length;o++){var i=r[o];if(!n.test(i))return f("info."+i+" is unexpected. Length must be not more than 30. Supported chars: a-zA-Z0-9-_"),!1;var s=e.info[i];if("dist"===e.type){if(30<s.length)return f("info."+i+" value length execeeds 30 when type == 'dist'"),!1}else if("number"!=typeof s)return f("info."+i+" value must be number"),!1}if(e.dim)for(var a=0,p=Object.keys(e.dim);a<p.length;a++){var c=p[a];if(!n.test(c))return f("dim key ["+c+"] is unexpected. Length must be not more than 30. Supported chars: a-zA-Z0-9-_"),!1;var h=e.dim[c];if(!/^[a-zA-Z0-9\-_\*\.\s\/#\+@\&\u4e00-\u9fa5]{0,30}$/.test(h))return f("dim."+c+" value ["+h+"] is unexpected. Length must be not more than 30. Supported chars: a-zA-Z0-9-_*. /#+@& and Chinese"),!1}return!0},t.prototype.sendPerf=function(e){this.send(o({type:"perf"},e))},t.prototype.sendExcept=function(e){this.send(o({type:"except"},e))},t.prototype.sendDist=function(e){this.send(o({type:"dist"},e))},t.prototype.sendCount=function(e){this.send(o({type:"count"},e))},t.prototype.sendExceptForError=function(e,t){var n=o({},t);n.info=o({},t.info||{},{msg:e.message,stack:e.stack}),this.sendExcept(n)},t.prototype.startMark=function(e){this.markCache[e]={start:Date.now()}},t.prototype.endMark=function(e){return this.markCache[e]?(this.markCache[e].total=Date.now()-this.markCache[e].start,this.markCache[e].total):0},t.prototype.clearMark=function(e){this.markCache[e]&&delete this.markCache[e]},t.prototype.getAllMark=function(){for(var e={},t=0,n=Object.keys(this.markCache);t<n.length;t++){var o=n[t];e[o]=this.markCache[o].total}return e},t.prototype.clearAllMark=function(){this.markCache={}},t.prototype.sendPost=function(e){var t=(p(e)?e:[e])[0],n={pid:t.pid,type:t.type,group:t.group},o=this.option.logServer+a(n);this.request(o,e)},t.prototype.request=function(e,t){!n&&navigator&&navigator.sendBeacon&&navigator.sendBeacon(e,t?JSON.stringify(t):void 0)||(t?this.fetch(e,t):(new Image).src=e)},t.prototype.fetch=function(e,t){fetch?fetch(e,{method:"POST",credentials:"include",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)}):f("Global fetch method doesn't exist")},t});

package/dist/spy-client-basic.mjs

@@ -27,7 +27,8 @@ function assign() {
  * @author kaivean
  */
 var defaultLogServer = 'https://sp1.baidu.com/5b1ZeDe5KgQFm2e88IuM_a/mwb2.gif?';
-var ver = navigator.userAgent.toLowerCase().match(/cpu iphone os (.*?)_/);
+// 基础版本兼容非浏览器环境
+var ver = navigator && navigator.userAgent ? navigator.userAgent.toLowerCase().match(/cpu iphone os (.*?)_/) : '';
 var isLtIos14 = ver && ver[2] && (+ver[2] < 14);
 function err(msg) {
     console.error("[SpyClient_log]" + msg);
@@ -60,42 +61,23 @@ var SpyClient = /** @class */ (function () {
             lid: option.lid,
             check: option.check !== false,
             sample: option.sample,
+            localCache: option.localCache,
             logServer: option.logServer || defaultLogServer,
         };
     }
-    SpyClient.prototype.fetch = function (url, data) {
-        if (!window.fetch) {
-            return;
-        }
-        fetch(url, {
-            method: 'POST',
-            credentials: 'include',
-            headers: {
-                'Content-Type': 'application/json'
-            },
-            body: JSON.stringify(data)
-        });
-    };
-    SpyClient.prototype.sendPost = function (data) {
-        var logItems = isArray(data) ? data : [data];
-        var first = logItems[0];
-        // 需要在页面暴漏出来pid等基本信息，方式调试查看基本信息与兼容目前的监控
-        var query = {
-            pid: first.pid,
-            type: first.type,
-            group: first.group,
-        };
-        var url = this.option.logServer + stringify(query);
-        if (!(!isLtIos14
-            && navigator.sendBeacon
-            && navigator.sendBeacon(url, JSON.stringify(data)))) {
-            this.fetch(url, data);
-        }
-    };
     SpyClient.prototype.handle = function (logItem) {
         if (!this.check(logItem)) {
             return;
         }
+        logItem = assign({
+            pid: this.option.pid,
+            lid: this.option.lid,
+            ts: Date.now(),
+            group: 'common',
+        }, logItem);
+        if (this.option.localCache) {
+            this.option.localCache.addLog(logItem);
+        }
         // 当前api设置了抽样，
         if (typeof logItem.sample === 'number') {
             if (Math.random() > logItem.sample) {
@@ -105,12 +87,6 @@ var SpyClient = /** @class */ (function () {
         else if (typeof this.option.sample === 'number' && Math.random() > this.option.sample) { // 否则，用全局抽样
             return;
         }
-        logItem = assign({
-            pid: this.option.pid,
-            lid: this.option.lid,
-            ts: Date.now(),
-            group: 'common',
-        }, logItem);
         delete logItem.sample;
         return logItem;
     };
@@ -130,16 +106,7 @@ var SpyClient = /** @class */ (function () {
                 continue;
             }
             var url = this.option.logServer + stringify(logItem);
-            // 目前服务器端支持sendBeacon的post请求，可以优先采用，该api可以降低打点丢失率
-            // 但是ios有些问题：在webkit浏览内核环境下，beacon requests的请求方式存在证书验证的bug，发送失败但返回正确.
-            // 修复说明在如下链接中：https://bugs.webkit.org/show_bug.cgi?id=193508
-            // 但是目前为止，在iOS12.2版本中该问题依旧存在
-            // 2021-11-11： 发现ios 14可以送，故小于14的不发送
-            if (!(!isLtIos14
-                && navigator.sendBeacon
-                && navigator.sendBeacon(url))) {
-                (new Image()).src = url;
-            }
+            this.request(url);
         }
         if (post) {
             this.sendPost(postData);
@@ -284,6 +251,48 @@ var SpyClient = /** @class */ (function () {
     SpyClient.prototype.clearAllMark = function () {
         this.markCache = {};
     };
+    // send(data, true) 也能以post发送，但是会有严格校验
+    // sendPost能以post发送，但没有校验
+    SpyClient.prototype.sendPost = function (data) {
+        var logItems = isArray(data) ? data : [data];
+        var first = logItems[0];
+        // 需要在页面暴漏出来pid等基本信息，方式调试查看基本信息与兼容目前的监控
+        var query = {
+            pid: first.pid,
+            type: first.type,
+            group: first.group,
+        };
+        var url = this.option.logServer + stringify(query);
+        this.request(url, data);
+    };
+    // 有data时，意味着要用post发送请求
+    SpyClient.prototype.request = function (url, data) {
+        if (!(!isLtIos14
+            && navigator
+            && navigator.sendBeacon
+            && navigator.sendBeacon(url, data ? JSON.stringify(data) : undefined))) {
+            if (data) {
+                this.fetch(url, data);
+            }
+            else {
+                (new Image()).src = url;
+            }
+        }
+    };
+    SpyClient.prototype.fetch = function (url, data) {
+        if (!fetch) {
+            err('Global fetch method doesn\'t exist');
+            return;
+        }
+        fetch(url, {
+            method: 'POST',
+            credentials: 'include',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify(data),
+        });
+    };
     return SpyClient;
 }());
 

package/dist/spy-client.d.ts

@@ -7,6 +7,7 @@ import { Module, SpyClientOption, FIDCB, LCPCB, LayoutShiftCB, PageLongtaskCB, L
 export default class SpyClient extends SpyClientBasic {
     private readonly modules;
     constructor(option: SpyClientOption);
+    handleHead(): void;
     listenFID(cb: FIDCB): void;
     listenLayoutShift(cb: LayoutShiftCB): void;
     listenLCP(cb: LCPCB): void;

package/dist/spy-client.esm.js

@@ -132,7 +132,8 @@ function getxpath(el) {
  * @author kaivean
  */
 var defaultLogServer = 'https://sp1.baidu.com/5b1ZeDe5KgQFm2e88IuM_a/mwb2.gif?';
-var ver = navigator.userAgent.toLowerCase().match(/cpu iphone os (.*?)_/);
+// 基础版本兼容非浏览器环境
+var ver = navigator && navigator.userAgent ? navigator.userAgent.toLowerCase().match(/cpu iphone os (.*?)_/) : '';
 var isLtIos14 = ver && ver[2] && (+ver[2] < 14);
 function err(msg) {
     console.error("[SpyClient_log]" + msg);
@@ -165,42 +166,23 @@ var SpyClient$1 = /** @class */ (function () {
             lid: option.lid,
             check: option.check !== false,
             sample: option.sample,
+            localCache: option.localCache,
             logServer: option.logServer || defaultLogServer,
         };
     }
-    SpyClient.prototype.fetch = function (url, data) {
-        if (!window.fetch) {
-            return;
-        }
-        fetch(url, {
-            method: 'POST',
-            credentials: 'include',
-            headers: {
-                'Content-Type': 'application/json'
-            },
-            body: JSON.stringify(data)
-        });
-    };
-    SpyClient.prototype.sendPost = function (data) {
-        var logItems = isArray(data) ? data : [data];
-        var first = logItems[0];
-        // 需要在页面暴漏出来pid等基本信息，方式调试查看基本信息与兼容目前的监控
-        var query = {
-            pid: first.pid,
-            type: first.type,
-            group: first.group,
-        };
-        var url = this.option.logServer + stringify(query);
-        if (!(!isLtIos14
-            && navigator.sendBeacon
-            && navigator.sendBeacon(url, JSON.stringify(data)))) {
-            this.fetch(url, data);
-        }
-    };
     SpyClient.prototype.handle = function (logItem) {
         if (!this.check(logItem)) {
             return;
         }
+        logItem = assign({
+            pid: this.option.pid,
+            lid: this.option.lid,
+            ts: Date.now(),
+            group: 'common',
+        }, logItem);
+        if (this.option.localCache) {
+            this.option.localCache.addLog(logItem);
+        }
         // 当前api设置了抽样，
         if (typeof logItem.sample === 'number') {
             if (Math.random() > logItem.sample) {
@@ -210,12 +192,6 @@ var SpyClient$1 = /** @class */ (function () {
         else if (typeof this.option.sample === 'number' && Math.random() > this.option.sample) { // 否则，用全局抽样
             return;
         }
-        logItem = assign({
-            pid: this.option.pid,
-            lid: this.option.lid,
-            ts: Date.now(),
-            group: 'common',
-        }, logItem);
         delete logItem.sample;
         return logItem;
     };
@@ -235,16 +211,7 @@ var SpyClient$1 = /** @class */ (function () {
                 continue;
             }
             var url = this.option.logServer + stringify(logItem);
-            // 目前服务器端支持sendBeacon的post请求，可以优先采用，该api可以降低打点丢失率
-            // 但是ios有些问题：在webkit浏览内核环境下，beacon requests的请求方式存在证书验证的bug，发送失败但返回正确.
-            // 修复说明在如下链接中：https://bugs.webkit.org/show_bug.cgi?id=193508
-            // 但是目前为止，在iOS12.2版本中该问题依旧存在
-            // 2021-11-11： 发现ios 14可以送，故小于14的不发送
-            if (!(!isLtIos14
-                && navigator.sendBeacon
-                && navigator.sendBeacon(url))) {
-                (new Image()).src = url;
-            }
+            this.request(url);
         }
         if (post) {
             this.sendPost(postData);
@@ -389,6 +356,48 @@ var SpyClient$1 = /** @class */ (function () {
     SpyClient.prototype.clearAllMark = function () {
         this.markCache = {};
     };
+    // send(data, true) 也能以post发送，但是会有严格校验
+    // sendPost能以post发送，但没有校验
+    SpyClient.prototype.sendPost = function (data) {
+        var logItems = isArray(data) ? data : [data];
+        var first = logItems[0];
+        // 需要在页面暴漏出来pid等基本信息，方式调试查看基本信息与兼容目前的监控
+        var query = {
+            pid: first.pid,
+            type: first.type,
+            group: first.group,
+        };
+        var url = this.option.logServer + stringify(query);
+        this.request(url, data);
+    };
+    // 有data时，意味着要用post发送请求
+    SpyClient.prototype.request = function (url, data) {
+        if (!(!isLtIos14
+            && navigator
+            && navigator.sendBeacon
+            && navigator.sendBeacon(url, data ? JSON.stringify(data) : undefined))) {
+            if (data) {
+                this.fetch(url, data);
+            }
+            else {
+                (new Image()).src = url;
+            }
+        }
+    };
+    SpyClient.prototype.fetch = function (url, data) {
+        if (!fetch) {
+            err('Global fetch method doesn\'t exist');
+            return;
+        }
+        fetch(url, {
+            method: 'POST',
+            credentials: 'include',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify(data),
+        });
+    };
     return SpyClient;
 }());
 
@@ -1362,8 +1371,25 @@ var SpyClient = /** @class */ (function (_super) {
         document.addEventListener('visibilitychange', _this.visibilitychangeCB);
         window.addEventListener('beforeunload', _this.leave, false);
         window.addEventListener('unload', _this.leave, false);
+        _this.handleHead();
         return _this;
     }
+    SpyClient.prototype.handleHead = function () {
+        var _this = this;
+        if (this.option.localCache) {
+            var spyHead = window.__spyHead;
+            if (spyHead && spyHead.winerrors) {
+                for (var index = 0; index < spyHead.winerrors.length; index++) {
+                    var obj = spyHead.winerrors[index];
+                    this.option.localCache.addLog(obj);
+                }
+                // Head发送的异常，也保存一份到本地，主要是JS错误和资源加载异常
+                spyHead.interceptor = function (obj) {
+                    _this.option.localCache.addLog(obj);
+                };
+            }
+        }
+    };
     SpyClient.prototype.listenFID = function (cb) {
         this.invoke('listenFID', cb);
     };

package/dist/spy-client.iife.js

@@ -135,7 +135,8 @@ var SpyClient = (function () {
      * @author kaivean
      */
     var defaultLogServer = 'https://sp1.baidu.com/5b1ZeDe5KgQFm2e88IuM_a/mwb2.gif?';
-    var ver = navigator.userAgent.toLowerCase().match(/cpu iphone os (.*?)_/);
+    // 基础版本兼容非浏览器环境
+    var ver = navigator && navigator.userAgent ? navigator.userAgent.toLowerCase().match(/cpu iphone os (.*?)_/) : '';
     var isLtIos14 = ver && ver[2] && (+ver[2] < 14);
     function err(msg) {
         console.error("[SpyClient_log]" + msg);
@@ -168,42 +169,23 @@ var SpyClient = (function () {
                 lid: option.lid,
                 check: option.check !== false,
                 sample: option.sample,
+                localCache: option.localCache,
                 logServer: option.logServer || defaultLogServer,
             };
         }
-        SpyClient.prototype.fetch = function (url, data) {
-            if (!window.fetch) {
-                return;
-            }
-            fetch(url, {
-                method: 'POST',
-                credentials: 'include',
-                headers: {
-                    'Content-Type': 'application/json'
-                },
-                body: JSON.stringify(data)
-            });
-        };
-        SpyClient.prototype.sendPost = function (data) {
-            var logItems = isArray(data) ? data : [data];
-            var first = logItems[0];
-            // 需要在页面暴漏出来pid等基本信息，方式调试查看基本信息与兼容目前的监控
-            var query = {
-                pid: first.pid,
-                type: first.type,
-                group: first.group,
-            };
-            var url = this.option.logServer + stringify(query);
-            if (!(!isLtIos14
-                && navigator.sendBeacon
-                && navigator.sendBeacon(url, JSON.stringify(data)))) {
-                this.fetch(url, data);
-            }
-        };
         SpyClient.prototype.handle = function (logItem) {
             if (!this.check(logItem)) {
                 return;
             }
+            logItem = assign({
+                pid: this.option.pid,
+                lid: this.option.lid,
+                ts: Date.now(),
+                group: 'common',
+            }, logItem);
+            if (this.option.localCache) {
+                this.option.localCache.addLog(logItem);
+            }
             // 当前api设置了抽样，
             if (typeof logItem.sample === 'number') {
                 if (Math.random() > logItem.sample) {
@@ -213,12 +195,6 @@ var SpyClient = (function () {
             else if (typeof this.option.sample === 'number' && Math.random() > this.option.sample) { // 否则，用全局抽样
                 return;
             }
-            logItem = assign({
-                pid: this.option.pid,
-                lid: this.option.lid,
-                ts: Date.now(),
-                group: 'common',
-            }, logItem);
             delete logItem.sample;
             return logItem;
         };
@@ -238,16 +214,7 @@ var SpyClient = (function () {
                     continue;
                 }
                 var url = this.option.logServer + stringify(logItem);
-                // 目前服务器端支持sendBeacon的post请求，可以优先采用，该api可以降低打点丢失率
-                // 但是ios有些问题：在webkit浏览内核环境下，beacon requests的请求方式存在证书验证的bug，发送失败但返回正确.
-                // 修复说明在如下链接中：https://bugs.webkit.org/show_bug.cgi?id=193508
-                // 但是目前为止，在iOS12.2版本中该问题依旧存在
-                // 2021-11-11： 发现ios 14可以送，故小于14的不发送
-                if (!(!isLtIos14
-                    && navigator.sendBeacon
-                    && navigator.sendBeacon(url))) {
-                    (new Image()).src = url;
-                }
+                this.request(url);
             }
             if (post) {
                 this.sendPost(postData);
@@ -392,6 +359,48 @@ var SpyClient = (function () {
         SpyClient.prototype.clearAllMark = function () {
             this.markCache = {};
         };
+        // send(data, true) 也能以post发送，但是会有严格校验
+        // sendPost能以post发送，但没有校验
+        SpyClient.prototype.sendPost = function (data) {
+            var logItems = isArray(data) ? data : [data];
+            var first = logItems[0];
+            // 需要在页面暴漏出来pid等基本信息，方式调试查看基本信息与兼容目前的监控
+            var query = {
+                pid: first.pid,
+                type: first.type,
+                group: first.group,
+            };
+            var url = this.option.logServer + stringify(query);
+            this.request(url, data);
+        };
+        // 有data时，意味着要用post发送请求
+        SpyClient.prototype.request = function (url, data) {
+            if (!(!isLtIos14
+                && navigator
+                && navigator.sendBeacon
+                && navigator.sendBeacon(url, data ? JSON.stringify(data) : undefined))) {
+                if (data) {
+                    this.fetch(url, data);
+                }
+                else {
+                    (new Image()).src = url;
+                }
+            }
+        };
+        SpyClient.prototype.fetch = function (url, data) {
+            if (!fetch) {
+                err('Global fetch method doesn\'t exist');
+                return;
+            }
+            fetch(url, {
+                method: 'POST',
+                credentials: 'include',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify(data),
+            });
+        };
         return SpyClient;
     }());
 
@@ -1365,8 +1374,25 @@ var SpyClient = (function () {
             document.addEventListener('visibilitychange', _this.visibilitychangeCB);
             window.addEventListener('beforeunload', _this.leave, false);
             window.addEventListener('unload', _this.leave, false);
+            _this.handleHead();
             return _this;
         }
+        SpyClient.prototype.handleHead = function () {
+            var _this = this;
+            if (this.option.localCache) {
+                var spyHead = window.__spyHead;
+                if (spyHead && spyHead.winerrors) {
+                    for (var index = 0; index < spyHead.winerrors.length; index++) {
+                        var obj = spyHead.winerrors[index];
+                        this.option.localCache.addLog(obj);
+                    }
+                    // Head发送的异常，也保存一份到本地，主要是JS错误和资源加载异常
+                    spyHead.interceptor = function (obj) {
+                        _this.option.localCache.addLog(obj);
+                    };
+                }
+            }
+        };
         SpyClient.prototype.listenFID = function (cb) {
             this.invoke('listenFID', cb);
         };