spy-client 2.1.1 → 2.1.7

package/dist/spy-client-basic.js

@@ -33,7 +33,8 @@
      * @author kaivean
      */
     var defaultLogServer = 'https://sp1.baidu.com/5b1ZeDe5KgQFm2e88IuM_a/mwb2.gif?';
-    var isIos = /(iPhone|iPod|iPad)/.test(navigator.userAgent);
+    var ver = navigator.userAgent.toLowerCase().match(/cpu iphone os (.*?)_/);
+    var isLtIos14 = ver && ver[2] && (+ver[2] < 14);
     function err(msg) {
         console.error("[SpyClient_log]" + msg);
         // throw new Error(msg);
@@ -50,6 +51,9 @@
             return encodeURIComponent(key) + '=' + encodeURIComponent(value);
         }).join('&');
     }
+    function isArray(arr) {
+        return Object.prototype.toString.call(arr) === '[object Array]';
+    }
     var SpyClient = /** @class */ (function () {
         function SpyClient(option) {
             this.sample = {};
@@ -62,38 +66,55 @@
                 lid: option.lid,
                 check: option.check !== false,
                 sample: option.sample,
+                localCache: option.localCache,
                 logServer: option.logServer || defaultLogServer,
             };
         }
-        SpyClient.prototype.send = function (query) {
-            if (!this.check(query)) {
+        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 query.sample === 'number') {
-                if (Math.random() > query.sample) {
+            if (typeof logItem.sample === 'number') {
+                if (Math.random() > logItem.sample) {
                     return;
                 }
             }
             else if (typeof this.option.sample === 'number' && Math.random() > this.option.sample) { // 否则，用全局抽样
                 return;
             }
-            query = assign({
-                pid: this.option.pid,
-                lid: this.option.lid,
-                ts: Date.now(),
-                group: 'common',
-            }, query);
-            delete query.sample;
-            var url = this.option.logServer + stringify(query);
-            // 目前服务器端支持sendBeacon的post请求，可以优先采用，该api可以降低打点丢失率
-            // 但是ios有些问题：在webkit浏览内核环境下，beacon requests的请求方式存在证书验证的bug.
-            // 修复说明在如下链接中：https://bugs.webkit.org/show_bug.cgi?id=193508
-            // 但是目前为止，在iOS12.2版本中该问题依旧存在
-            if (!(!isIos
-                && navigator.sendBeacon
-                && navigator.sendBeacon(url))) {
-                (new Image()).src = url;
+            delete logItem.sample;
+            return logItem;
+        };
+        SpyClient.prototype.send = function (data, post) {
+            if (post === void 0) { post = false; }
+            var logItems = isArray(data) ? data : [data];
+            var postData = [];
+            for (var _i = 0, logItems_1 = logItems; _i < logItems_1.length; _i++) {
+                var logItem = logItems_1[_i];
+                logItem = this.handle(logItem);
+                if (!logItem) {
+                    continue;
+                }
+                postData.push(logItem);
+                // 期望通过post方式上传日志
+                if (post) {
+                    continue;
+                }
+                var url = this.option.logServer + stringify(logItem);
+                this.request(url);
+            }
+            if (post) {
+                this.sendPost(postData);
             }
         };
         SpyClient.prototype.check = function (query) {
@@ -235,6 +256,46 @@
         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.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 (!window.fetch) {
+                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,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 t=/(iPhone|iPod|iPad)/.test(navigator.userAgent);function u(e){console.error("[SpyClient_log]"+e)}function e(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 e.prototype.send=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;delete(e=o({pid:this.option.pid,lid:this.option.lid,ts:Date.now(),group:"common"},e)).sample;var n,e=this.option.logServer+(n=e,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("&"));!t&&navigator.sendBeacon&&navigator.sendBeacon(e)||((new Image).src=e)}},e.prototype.check=function(e){if(!this.option.check)return!0;var t=["perf","except","dist","count"];if(-1===t.indexOf(e.type))return u("type only is one of "+t.join(", ")),!1;if(e.group&&30<e.group.length)return u("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 u("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 u("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 u("info."+i+" value length execeeds 30 when type == 'dist'"),!1}else if("number"!=typeof s)return u("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 u("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 u("dim."+c+" value ["+f+"] is unexpected. Length must be not more than 30. Supported chars: a-zA-Z0-9-_*. /#+@& and Chinese"),!1}return!0},e.prototype.sendPerf=function(e){this.send(o({type:"perf"},e))},e.prototype.sendExcept=function(e){this.send(o({type:"except"},e))},e.prototype.sendDist=function(e){this.send(o({type:"dist"},e))},e.prototype.sendCount=function(e){this.send(o({type:"count"},e))},e.prototype.sendExceptForError=function(e,t){var n=o({},t);n.info=o({},t.info||{},{msg:e.message,stack:e.stack}),this.sendExcept(n)},e.prototype.startMark=function(e){this.markCache[e]={start:Date.now()}},e.prototype.endMark=function(e){return this.markCache[e]?(this.markCache[e].total=Date.now()-this.markCache[e].start,this.markCache[e].total):0},e.prototype.clearMark=function(e){this.markCache[e]&&delete this.markCache[e]},e.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},e.prototype.clearAllMark=function(){this.markCache={}},e});
+!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 (.*?)_/),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.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){window.fetch&&fetch(e,{method:"POST",credentials:"include",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)})},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 isIos = /(iPhone|iPod|iPad)/.test(navigator.userAgent);
+var ver = navigator.userAgent.toLowerCase().match(/cpu iphone os (.*?)_/);
+var isLtIos14 = ver && ver[2] && (+ver[2] < 14);
 function err(msg) {
     console.error("[SpyClient_log]" + msg);
     // throw new Error(msg);
@@ -44,6 +45,9 @@ function stringify(obj) {
         return encodeURIComponent(key) + '=' + encodeURIComponent(value);
     }).join('&');
 }
+function isArray(arr) {
+    return Object.prototype.toString.call(arr) === '[object Array]';
+}
 var SpyClient = /** @class */ (function () {
     function SpyClient(option) {
         this.sample = {};
@@ -56,38 +60,55 @@ var SpyClient = /** @class */ (function () {
             lid: option.lid,
             check: option.check !== false,
             sample: option.sample,
+            localCache: option.localCache,
             logServer: option.logServer || defaultLogServer,
         };
     }
-    SpyClient.prototype.send = function (query) {
-        if (!this.check(query)) {
+    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 query.sample === 'number') {
-            if (Math.random() > query.sample) {
+        if (typeof logItem.sample === 'number') {
+            if (Math.random() > logItem.sample) {
                 return;
             }
         }
         else if (typeof this.option.sample === 'number' && Math.random() > this.option.sample) { // 否则，用全局抽样
             return;
         }
-        query = assign({
-            pid: this.option.pid,
-            lid: this.option.lid,
-            ts: Date.now(),
-            group: 'common',
-        }, query);
-        delete query.sample;
-        var url = this.option.logServer + stringify(query);
-        // 目前服务器端支持sendBeacon的post请求，可以优先采用，该api可以降低打点丢失率
-        // 但是ios有些问题：在webkit浏览内核环境下，beacon requests的请求方式存在证书验证的bug.
-        // 修复说明在如下链接中：https://bugs.webkit.org/show_bug.cgi?id=193508
-        // 但是目前为止，在iOS12.2版本中该问题依旧存在
-        if (!(!isIos
-            && navigator.sendBeacon
-            && navigator.sendBeacon(url))) {
-            (new Image()).src = url;
+        delete logItem.sample;
+        return logItem;
+    };
+    SpyClient.prototype.send = function (data, post) {
+        if (post === void 0) { post = false; }
+        var logItems = isArray(data) ? data : [data];
+        var postData = [];
+        for (var _i = 0, logItems_1 = logItems; _i < logItems_1.length; _i++) {
+            var logItem = logItems_1[_i];
+            logItem = this.handle(logItem);
+            if (!logItem) {
+                continue;
+            }
+            postData.push(logItem);
+            // 期望通过post方式上传日志
+            if (post) {
+                continue;
+            }
+            var url = this.option.logServer + stringify(logItem);
+            this.request(url);
+        }
+        if (post) {
+            this.sendPost(postData);
         }
     };
     SpyClient.prototype.check = function (query) {
@@ -229,6 +250,46 @@ 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.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 (!window.fetch) {
+            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

@@ -1,16 +1,16 @@
 /*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
+Copyright (c) Microsoft Corporation. All rights reserved.
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License. You may obtain a copy of the
+License at http://www.apache.org/licenses/LICENSE-2.0
 
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
+THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+MERCHANTABLITY OR NON-INFRINGEMENT.
 
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
+See the Apache Version 2.0 License for specific language governing permissions
+and limitations under the License.
 ***************************************************************************** */
 /* global Reflect, Promise */
 
@@ -132,7 +132,8 @@ function getxpath(el) {
  * @author kaivean
  */
 var defaultLogServer = 'https://sp1.baidu.com/5b1ZeDe5KgQFm2e88IuM_a/mwb2.gif?';
-var isIos = /(iPhone|iPod|iPad)/.test(navigator.userAgent);
+var ver = navigator.userAgent.toLowerCase().match(/cpu iphone os (.*?)_/);
+var isLtIos14 = ver && ver[2] && (+ver[2] < 14);
 function err(msg) {
     console.error("[SpyClient_log]" + msg);
     // throw new Error(msg);
@@ -149,6 +150,9 @@ function stringify(obj) {
         return encodeURIComponent(key) + '=' + encodeURIComponent(value);
     }).join('&');
 }
+function isArray(arr) {
+    return Object.prototype.toString.call(arr) === '[object Array]';
+}
 var SpyClient$1 = /** @class */ (function () {
     function SpyClient(option) {
         this.sample = {};
@@ -161,38 +165,55 @@ var SpyClient$1 = /** @class */ (function () {
             lid: option.lid,
             check: option.check !== false,
             sample: option.sample,
+            localCache: option.localCache,
             logServer: option.logServer || defaultLogServer,
         };
     }
-    SpyClient.prototype.send = function (query) {
-        if (!this.check(query)) {
+    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 query.sample === 'number') {
-            if (Math.random() > query.sample) {
+        if (typeof logItem.sample === 'number') {
+            if (Math.random() > logItem.sample) {
                 return;
             }
         }
         else if (typeof this.option.sample === 'number' && Math.random() > this.option.sample) { // 否则，用全局抽样
             return;
         }
-        query = assign({
-            pid: this.option.pid,
-            lid: this.option.lid,
-            ts: Date.now(),
-            group: 'common',
-        }, query);
-        delete query.sample;
-        var url = this.option.logServer + stringify(query);
-        // 目前服务器端支持sendBeacon的post请求，可以优先采用，该api可以降低打点丢失率
-        // 但是ios有些问题：在webkit浏览内核环境下，beacon requests的请求方式存在证书验证的bug.
-        // 修复说明在如下链接中：https://bugs.webkit.org/show_bug.cgi?id=193508
-        // 但是目前为止，在iOS12.2版本中该问题依旧存在
-        if (!(!isIos
-            && navigator.sendBeacon
-            && navigator.sendBeacon(url))) {
-            (new Image()).src = url;
+        delete logItem.sample;
+        return logItem;
+    };
+    SpyClient.prototype.send = function (data, post) {
+        if (post === void 0) { post = false; }
+        var logItems = isArray(data) ? data : [data];
+        var postData = [];
+        for (var _i = 0, logItems_1 = logItems; _i < logItems_1.length; _i++) {
+            var logItem = logItems_1[_i];
+            logItem = this.handle(logItem);
+            if (!logItem) {
+                continue;
+            }
+            postData.push(logItem);
+            // 期望通过post方式上传日志
+            if (post) {
+                continue;
+            }
+            var url = this.option.logServer + stringify(logItem);
+            this.request(url);
+        }
+        if (post) {
+            this.sendPost(postData);
         }
     };
     SpyClient.prototype.check = function (query) {
@@ -334,6 +355,46 @@ 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.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 (!window.fetch) {
+            return;
+        }
+        fetch(url, {
+            method: 'POST',
+            credentials: 'include',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify(data),
+        });
+    };
     return SpyClient;
 }());
 
@@ -1307,8 +1368,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);
     };