spy-client 2.1.4 → 2.1.7

package/README.md

@@ -18,13 +18,13 @@ CDN方式
 
 ```html
 <!--增强版SDK-->
-<script src="https://code.bdstatic.com/npm/spy-client@2.1.3/dist/spy-client.min.js" type="text/javascript"></script>
+<script src="https://code.bdstatic.com/npm/spy-client@2.1.4/dist/spy-client.min.js" type="text/javascript"></script>
 
 <!--增强版SDK spy-head-->
-<script src="https://code.bdstatic.com/npm/spy-client@2.1.3/dist/spy-head.min.js" type="text/javascript"></script>
+<script src="https://code.bdstatic.com/npm/spy-client@2.1.4/dist/spy-head.min.js" type="text/javascript"></script>
 
 <!--基础版SDK-->
-<script src="https://code.bdstatic.com/npm/spy-client@2.1.3/dist/spy-client-basic.min.js" type="text/javascript"></script>
+<script src="https://code.bdstatic.com/npm/spy-client@2.1.4/dist/spy-client-basic.min.js" type="text/javascript"></script>
 
 ```
 

package/coverage/Chrome 96.0.4664.55 (Mac OS 10.15.7)/html/basicSpec.ts.html

@@ -724,7 +724,7 @@ describe('基本发送功能', () => {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Tue Nov 30 2021 14:40:33 GMT+0800 (中国标准时间)
+                at Mon Dec 06 2021 22:09:47 GMT+0800 (中国标准时间)
             </div>
         </div>
         <script src="prettify.js"></script>

package/coverage/Chrome 96.0.4664.55 (Mac OS 10.15.7)/html/checkSpec.ts.html

@@ -463,7 +463,7 @@ describe('问题检测能力', () => {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Tue Nov 30 2021 14:40:33 GMT+0800 (中国标准时间)
+                at Mon Dec 06 2021 22:09:47 GMT+0800 (中国标准时间)
             </div>
         </div>
         <script src="prettify.js"></script>

package/coverage/Chrome 96.0.4664.55 (Mac OS 10.15.7)/html/headSpec.ts.html

@@ -679,7 +679,7 @@ describe('spy-head', async () => {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Tue Nov 30 2021 14:40:33 GMT+0800 (中国标准时间)
+                at Mon Dec 06 2021 22:09:47 GMT+0800 (中国标准时间)
             </div>
         </div>
         <script src="prettify.js"></script>

package/coverage/Chrome 96.0.4664.55 (Mac OS 10.15.7)/html/index.html

@@ -155,7 +155,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Tue Nov 30 2021 14:40:33 GMT+0800 (中国标准时间)
+                at Mon Dec 06 2021 22:09:47 GMT+0800 (中国标准时间)
             </div>
         </div>
         <script src="prettify.js"></script>

package/coverage/Chrome 96.0.4664.55 (Mac OS 10.15.7)/html/markSpec.ts.html

@@ -268,7 +268,7 @@ describe('mark', async () => {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Tue Nov 30 2021 14:40:33 GMT+0800 (中国标准时间)
+                at Mon Dec 06 2021 22:09:47 GMT+0800 (中国标准时间)
             </div>
         </div>
         <script src="prettify.js"></script>

package/coverage/Chrome 96.0.4664.55 (Mac OS 10.15.7)/html/metricSpec.ts.html

@@ -961,7 +961,7 @@ describe('metric', async () => {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Tue Nov 30 2021 14:40:33 GMT+0800 (中国标准时间)
+                at Mon Dec 06 2021 22:09:47 GMT+0800 (中国标准时间)
             </div>
         </div>
         <script src="prettify.js"></script>

package/dist/spy-client-basic.d.ts

@@ -61,8 +61,6 @@ export default class SpyClient {
     markCache: any;
     option: SpyClientInnerOption;
     constructor(option: SpyClientOption);
-    fetch(url: string, data: any): void;
-    sendPost(data: any): void;
     handle(logItem: any): any;
     send(data: any, post?: boolean): void;
     check(query: any): boolean;
@@ -99,5 +97,8 @@ export default class SpyClient {
         [propName: string]: number;
     };
     clearAllMark(): void;
+    sendPost(data: any): void;
+    protected request(url: string, data?: any): void;
+    protected fetch(url: string, data: any): void;
 }
 export {};

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

@@ -64,35 +64,6 @@ var SpyClient = /** @class */ (function () {
             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;
@@ -134,16 +105,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);
@@ -288,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-basic.iife.js

@@ -67,35 +67,6 @@ var SpyClient = (function () {
                 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;
@@ -137,16 +108,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);
@@ -291,6 +253,46 @@ 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.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.iife.min.js

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

package/dist/spy-client-basic.js

@@ -70,35 +70,6 @@
                 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;
@@ -140,16 +111,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);
@@ -294,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=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 (.*?)_/),s=e&&e[2]&&+e[2]<14;function f(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,localCache:e.localCache,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);!s&&navigator.sendBeacon&&navigator.sendBeacon(o,JSON.stringify(e))||this.fetch(o,e)},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=c(e)?e:[e];o<r.length;o++){var i=r[o];if((i=this.handle(i))&&(n.push(i),!t)){var a=this.option.logServer+p(i);!s&&navigator.sendBeacon&&navigator.sendBeacon(a)||((new Image).src=a)}}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 a=e.info[i];if("dist"===e.type){if(30<a.length)return f("info."+i+" value length execeeds 30 when type == 'dist'"),!1}else if("number"!=typeof a)return f("info."+i+" value must be number"),!1}if(e.dim)for(var s=0,p=Object.keys(e.dim);s<p.length;s++){var c=p[s];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});
+!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

@@ -64,35 +64,6 @@ var SpyClient = /** @class */ (function () {
             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;
@@ -134,16 +105,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);
@@ -288,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.esm.js

@@ -169,35 +169,6 @@ var SpyClient$1 = /** @class */ (function () {
             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;
@@ -239,16 +210,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);
@@ -393,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;
 }());