spy-client 2.0.7 → 2.1.1

package/dist/spy-local-cache.min.js

@@ -0,0 +1 @@
+!function(t,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o():"function"==typeof define&&define.amd?define(o):(t="undefined"!=typeof globalThis?globalThis:t||self).SpyLocalCache=o()}(this,function(){"use strict";var n=function(t,o){return(n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,o){t.__proto__=o}||function(t,o){for(var r in o)o.hasOwnProperty(r)&&(t[r]=o[r])})(t,o)};function t(t,o){function r(){this.constructor=t}n(t,o),t.prototype=null===o?Object.create(o):(r.prototype=o.prototype,new r)}var c=(o.prototype.preOrder=function(t){t.push(this),this.left&&this.left.preOrder(t),this.right&&this.right.preOrder(t)},o);function o(t,o){this.data=t,this.weight=o}function r(t){if(null==t)return null;var e={};return function t(o,r,n){n=[].concat(n);n.push(r),null!=o&&(null==o.data?(t(o.left,"0",n),t(o.right,"1",n)):e[o.data]=n.join(""))}(t,"",[]),e}function e(t){var o=r(function(t){for(var o=function(t,o){return t.weight-o.weight};1<t.length;){t.sort(o);var r,n=t.shift(),e=t.shift();n&&e&&((r=new c(null,n.weight+e.weight)).left=n,r.right=e,t.unshift(r))}return t.shift()}(function(t){for(var o=[],r={},n=0,e=t;n<e.length;n++){var i=e[n];null==r[i]?r[i]=1:r[i]++}for(var s=0,a=Object.entries(r);s<a.length;s++){var h=a[s],u=h[0],h=h[1];o.push(new c(u,h))}return o}(t)));return{result:function(t){for(var o=t.join(""),t=Math.ceil(o.length/8),r=new Array(t+1),n=0,e="",i=0;i<o.length;i+=8)e=o.substring(i,i+8),r[n]=parseInt(e,2),n++;return r[n]=e.length,r}(function(t,o){for(var r=[],n=0,e=t;n<e.length;n++){var i=e[n];r.push(o[i])}return r}(t,o)),codes:o}}function i(t,o){for(var r,n,e=[],i=0;i<o.length-1;i++){var s=i!==o.length-2;e.push((r=s,n=o[i],r&&(n|=256),n=Number(n).toString(2),r?n.substring(n.length-8):n))}var a=e[e.length-1],h=o[o.length-1],a="00000000".substring(8-(h-a.length))+a;e[e.length-1]=a;for(var u={},c=0,p=Object.entries(t);c<p.length;c++){var l=p[c],f=l[0];u[l[1]]=f}for(var g=e.join(""),d=[],y=g.length,i=0;i<y;){for(var v=1,s=!0,m=null;s&&i+v<=y;){if(""===(f=g.substring(i,i+v)))break;(m=u[f])?s=!1:v++}d.push(parseInt(m)),i+=v}return d}function s(t){for(var o=[],r=0;r<t.length;r++)o.push(t.charCodeAt(r));return o}function a(t){for(var o="",r=0,n=t;r<n.length;r++){var e=n[r];o+=String.fromCharCode(e)}return o}var h=(u.prototype.set=function(t,o){},u.prototype.get=function(t,o){},u.prototype.rm=function(t){},u);function u(){}var p,l=(t(f,p=h),f.isSupport=function(){return!!window.localStorage},f.prototype.set=function(t,o){try{localStorage.setItem(t,o)}catch(t){console.error(t)}},f.prototype.get=function(t,o){var r=null;try{r=localStorage.getItem(t)}catch(t){console.error(t)}o&&o(r)},f.prototype.rm=function(t){try{localStorage.removeItem(t)}catch(t){console.error(t)}},f);function f(){return null!==p&&p.apply(this,arguments)||this}var g,d=(t(y,g=h),y.isSupport=function(){return!!window.indexedDB},y.prototype.set=function(t,o){},y.prototype.get=function(t,o){},y);function y(){return null!==g&&g.apply(this,arguments)||this}function v(t,o){if(!t)return"";(o=void 0===o?!1:o)||(t=function(t){for(var o="",r=0;r<t.length;r++){var n=t.charCodeAt(r);n<128?o+=String.fromCharCode(n):(127<n&&n<2048?o+=String.fromCharCode(n>>6|192):(o+=String.fromCharCode(n>>12|224),o+=String.fromCharCode(n>>6&63|128)),o+=String.fromCharCode(63&n|128))}return o}(t));function r(){a.push(1<h.length?String.fromCharCode(s[h]):h)}var n,e,i,s={},a=[],h=t.charAt(0),u=h,c=u,p=256;for(o&&a.push(h),n=1;n<t.length;n++)e=t.charAt(n),o?(i=t.charCodeAt(n),h=i<256?e:s[i]||h+u,a.push(h),u=h.charAt(0),s[p++]=c+u,c=h):s.hasOwnProperty(h+e)?h+=e:(r(),s[h+e]=p++,h=e);o||r();var l=a.join("");return l=o?function(t){for(var o,r,n="",e=0,i=0;e<t.length;)(o=t.charCodeAt(e))<128?(n+=String.fromCharCode(o),e++):191<o&&o<224?(i=t.charCodeAt(e+1),n+=String.fromCharCode((31&o)<<6|63&i),e+=2):(i=t.charCodeAt(e+1),r=t.charCodeAt(e+2),n+=String.fromCharCode((15&o)<<12|(63&i)<<6|63&r),e+=3);return n}(l):l}function m(t){void 0===t&&(t={}),this.tmpList=[],this.option=function(){for(var t=[],o=0;o<arguments.length;o++)t[o]=arguments[o];return(Object.assign||function(t){for(var o,r=1,n=arguments.length;r<n;r++)for(var e in o=arguments[r])Object.prototype.hasOwnProperty.call(o,e)&&(t[e]=o[e]);return t}).apply(this,t)}({defaultTrigger:!0,compress:"lzw",key:"SpyLocalCache",interval:500,onFlush:function(){},storage:d.isSupport()?"indexedDB":l.isSupport()?"localstorage":"empty"},t),this.load=this.load.bind(this),this.init()}return m.prototype.init=function(){"indexedDB"===this.option.storage?this.storage=new d:"localstorage"===this.option.storage?this.storage=new l:this.storage=new h,"complete"===document.readyState?this.load():window.addEventListener("load",this.load)},m.prototype.load=function(){-1<location.search.indexOf("_FlushLogLocalCache=1")&&this.option.defaultTrigger&&this.flushLog()},m.prototype.addLog=function(t){var o=this;t=JSON.stringify(t),this.tmpList.push(t),this.timer&&clearTimeout(this.timer),this.timer=setTimeout(function(){o.save()},this.option.interval)},m.prototype.getData=function(n){var e=this;try{this.storage.get(this.option.key,function(r){r?e.storage.get(e.option.key+"Codes",function(t){var o=[];try{t=t&&JSON.parse(t);o=e.unzip(r,t).split("\n")}catch(t){console.error(t)}n(o)}):n([])})}catch(t){console.error(t),n([])}},m.prototype.save=function(){var r=this;this.getData(function(t){var o=(29<t.length?t.slice(t.length-29,t.length):t).concat(r.tmpList).join("\n"),t=r.zip(o);t.codes?(o=JSON.stringify(t.codes),r.storage.set(r.option.key+"Codes",o)):r.storage.rm(r.option.key+"Codes"),r.storage.set(r.option.key,t.result),r.tmpList=[]})},m.prototype.flushLog=function(){var r=this;this.getData(function(o){try{for(var t=0;t<o.length;t++)o[t]=JSON.parse(o[t])}catch(t){o=[],r.storage.rm(r.option.key),console.error(t)}for(t=0;t<r.tmpList.length;t++)o.push(JSON.parse(r.tmpList[t]));r.option.onFlush&&r.option.onFlush(o)})},m.prototype.zip=function(t){return"lzw"===this.option.compress?{codes:null,result:v(t)}:"huffman"===this.option.compress?(o=(r=e(s(o=t))).result,{codes:r.codes,result:a(o)}):{codes:null,result:t};var o,r},m.prototype.unzip=function(t,o){return"lzw"===this.option.compress?v(t,!0):"huffman"===this.option.compress?a(i(o,s(t))):t},m});

package/example/index.html

@@ -51,7 +51,7 @@
             TypeScriptJavaScriptJavaScript 的超集用于解决大型项目的代码复杂性一种脚本语言，用于创建动态网页。可以在编译期间发现并纠正错误作为一种解释型语言，只能在运行时发现错误强类型，支持静态和动态类型弱类型，没有静态类型选项最终被编译成 JavaScript 代码，使浏览器可以理解可以直接在浏览器中使用支持模块、泛型和接口不支持模块，泛型或接口支持 ES3，ES4，ES5 和 ES6 等不支持编译其他 ES3，ES4，ES5 或 ES6 功能社区的支持仍在增长，而且还不是很大大量的社区支持以及大量文档和解决问题的支持
         </p>
         <img src="https://t7.baidu.com/it/u=1211001202,1148572269&fm=193&app=53&size=w414&n=0&g=0n&f=jpeg?sec=1594890084&t=cde9e5bcd0b06de0c989741a7853bd06&a=1" alt="">
-        <img src="https://expertimg.cdn.bcebos.com/expertcms/med/zhongyao.jpg" alt="">
+        <img class="bigimg" src="https://expertimg.cdn.bcebos.com/expertcms/med/zhongyao.jpg" alt="">
         <script>window.perfFirstScreen = performance.now();</script>
     </div>
     <script src="https://mss0.bdstatic.com/se/static/js/iphone/zbios/zbiosT_f69.js"></script>
@@ -240,7 +240,8 @@ spy.listenTTI(function (metric) {
 
 
 // 数据类型：性能，触发时间：500MsAfterOnLoad
-spy.listenResource(function (metric) {
+spy.listenResource(function (metric, hostMetric) {
+    console.log('hostMetric', hostMetric);
     spy.sendPerf({
         info: metric
     });
@@ -256,6 +257,11 @@ spy.listenHttpResource(function (info) {
     console.log('info', info);
 });
 
+// 数据类型：异常，触发时间：500MsAfterOnLoad
+spy.listenSlowResource(function (info) {
+    console.log('slow info', info);
+}, {threshold: 20});
+
 // 数据类型：性能，触发时间：OnLoad
 spy.listenFSPLongTask(function (metric) {
     spy.sendPerf({

package/example/local-cache.html

@@ -0,0 +1,97 @@
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>SPY Client Test</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <script src="/dist/spy-head.js"></script>
+    <script>
+        // 配置
+        window.__spyHead && window.__spyHead.init({
+            pid: '1_1000',
+            lid: '',
+            // 数据类型：异常，触发时间：OnLoadResourceError
+            resourceError: {
+                group: 'resource',
+                sample: 1,
+                handler: function (data) {
+
+                }
+            },
+            // 数据类型：异常，触发时间：OnJSError
+            jsError: {
+                group: 'js',
+                sample: 1,
+                handler: function (data) {
+
+                }
+            },
+            // 数据类型：异常，触发时间：OnJudgeReturnFalseWhenTimeout
+            whiteScreenError: {
+                sample: 1,
+                group: 'whiteScreen',
+                selector: 'body',
+                subSelector: 'button1',
+                timeout: 2000,
+                handler: function (data) {
+
+                }
+            }
+        });
+
+
+    function en(c){
+        var x='charCodeAt',
+        b, e={},
+        f=c.split(""),d=[],a=f[0],g=256;for(b=1;b<f.length;b++)c=f[b],null!=e[a+c]?a+=c:(d.push(1<a.length?e[a]:a[x](0)),e[a+c]=g,g++,a=c);d.push(1<a.length?e[a]:a[x](0));for(b=0;b<d.length;b++)d[b]=String.fromCharCode(d[b]);return d.join("")}
+
+    function de(b){var a,e={},d=b.split(""),c=f=d[0],g=[c],h=o=256;for(b=1;b<d.length;b++)a=d[b].charCodeAt(0),a=h>a?d[b]:e[a]?e[a]:f+c,g.push(a),c=a.charAt(0),e[o]=f+c,o++,f=a;return g.join("")}
+
+    </script>
+</head>
+<body>
+    <!-- <div style="height: 667px;"> -->
+    <div id="main">
+        <div>open</div>
+
+        <p>
+            TypeScriptJavaScriptJavaScript 的超集用于解决大型项目的代码复杂性一种脚本语言，用于创建动态网页。可以在编译期间发现并纠正错误作为一种解释型语言，只能在运行时发现错误强类型，支持静态和动态类型弱类型，没有静态类型选项最终被编译成 JavaScript 代码，使浏览器可以理解可以直接在浏览器中使用支持模块、泛型和接口不支持模块，泛型或接口支持 ES3，ES4，ES5 和 ES6 等不支持编译其他 ES3，ES4，ES5 或 ES6 功能社区的支持仍在增长，而且还不是很大大量的社区支持以及大量文档和解决问题的支持
+        </p>
+
+    </div>
+    <script src="https://mss0.bdstatic.com/se/static/js/iphone/zbios/zbiosT_f69.js"></script>
+    <script src="/dist/spy-local-cache.js"></script>
+
+<script type="text/javascript">
+const localCache = new SpyLocalCache({
+    storage: 'localstorage',
+    // compress: 'huffman',
+    // compress: 'no',
+    compress: 'lzw',
+    onFlush(list) {
+        console.log('flushed list', list);
+    },
+});
+
+// 当有22条如下日志时
+// lzw 压缩率 68%，耗时 2ms
+// huffman压缩率 21% ,耗时2ms
+localCache.addLog({
+    type: 'perf',
+    info: {
+        res: 200,
+    },
+});
+
+localCache.addLog({
+    type: 3,
+    fm: 'disp',
+    data: [{"base":{"size":{"doc":{"w":360,"h":4875},"wind":{"w":360,"h":640},"scr":{"w":360,"h":640}},"vsb":"visible","num":16},"t":1629773746698,"path":"/s"}],
+    qid: 10991431029479106376,
+    did: '8dd09c47c7bc90c9fd7274f0ad2c581e',
+    q: '刘德华',
+    t: 1629773746698
+});
+</script>
+</body>
+</html>

package/example/saveCache.js

@@ -0,0 +1,41 @@
+/**
+ * @file saveCache.js
+ * @author chaiyanchen(chaiyanchen@baidu.com)
+ * 起一个简单的本地服务，可用于接收spy-local-cache中缓存的数据
+ */
+
+const fs = require('fs');
+
+const fastify = require('fastify')({
+    logger: true,
+});
+
+fastify.register(require('fastify-cors'), {});
+
+// 声明路由
+fastify.post('/saveData', function (request, reply) {
+    try {
+        const jsonData = JSON.stringify(request.body);
+        const filePath = `jsonData_${new Date().getTime()}.json`;
+        fs.writeFile(filePath, jsonData, 'utf8', err => {
+            if (err) {
+                console.error(err);
+                return;
+            }
+            console.log('写入成功！');
+        });
+    }
+    catch (error) {
+        console.log('写入失败:', error);
+    }
+
+    reply.send({hello: 'world'});
+});
+
+fastify.listen(3000, function (err, address) {
+    if (err) {
+        fastify.log.error(err);
+        process.exit(1);
+    }
+    fastify.log.info(`server listening on ${address}`);
+});

package/karma.conf.js

@@ -0,0 +1,111 @@
+/**
+ * @file karma测试配置，放弃了karma-typescript，不支持相对导入，采用了webpack
+ * @author kaivean
+ */
+
+
+// const webpack = require('webpack');
+
+module.exports = config => {
+    config.set({
+
+        // base path that will be used to resolve all patterns (eg. files, exclude)
+        basePath: './',
+
+        // frameworks to use
+        // available frameworks: https://npmjs.org/browse/keyword/karma-adapter
+        frameworks: ['jasmine', 'karma-typescript'],
+
+        // plugins: ['karma-webpack'],
+        client: {
+            jasmine: {
+                random: false,
+            },
+        },
+
+        // list of files / patterns to load in the browser
+        files: [
+            'dist/spy-head.js', // 先加载
+            // 'dist/spy-client.js', // 先加载
+            // 'src/index.ts',
+            // 'test/**/basicSpec.ts',
+            // 'test/**/headSpec.ts',
+            // 'test/**/metricSpec.ts',
+            // 'test/**/*Spec.ts',
+            {
+                pattern: 'test/**/*Spec.ts',
+                watched: false, // 监听变化
+                included: true, // script加载到页面里
+                served: true, //  be served by Karma's webserver
+                nocache: false, // 为了保证测试到一些case，比如lcp等
+            },
+        ],
+
+        // list of files / patterns to exclude
+        exclude: [
+
+        ],
+
+        // preprocess matching files before serving them to the browser
+        // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
+        preprocessors: {
+            'test/**/*.ts': ['karma-typescript'],
+        },
+
+        karmaTypescriptConfig: {
+            exclude: ['node_modules'],
+            include: ['test/**/*.ts'],
+            compilerOptions: {
+                baseUrl: '.',
+                paths: {
+                    'spy-client': ['dist/spy-client.js'],
+                },
+            },
+            transformPath(filepath) {
+                return filepath.replace(/\.(ts|tsx)$/, '.js');
+            },
+            // tsconfig: './tsconfig.json',
+        },
+
+        reporters: ['progress', 'kjhtml', 'karma-typescript'],
+
+        // web server port
+        port: 9876,
+
+        // enable / disable colors in the output (reporters and logs)
+        colors: true,
+
+        // level of logging
+        // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
+        logLevel: config.LOG_INFO,
+
+        // enable / disable watching file and executing tests whenever any file changes
+        autoWatch: true,
+
+        // start these browsers
+        // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
+        browsers: ['Chrome'],
+
+        // you can define custom flags
+        customLaunchers: {
+            ChromeHeadlessNoSandbox: {
+                base: 'ChromeHeadless',
+                flags: ['--no-sandbox'],
+            },
+        },
+
+        // Continuous Integration mode
+        // if true, Karma captures browsers, runs the tests and exits
+        singleRun: true,
+
+        // Concurrency level
+        // how many browser should be started simultaneous
+        concurrency: Infinity,
+    });
+
+    if (process.env.TRAVIS) {
+        config.set({
+            browsers: ['ChromeHeadless', 'ChromeHeadlessNoSandbox'],
+        });
+    }
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spy-client",
-  "version": "2.0.7",
+  "version": "2.1.1",
   "description": "spy client",
   "main": "dist/spy-client.js",
   "module": "dist/spy-client.esm.js",
@@ -14,7 +14,7 @@
     "build": "rollup -c --environment NODE_ENV:production",
     "lint": "eslint src/**/*.ts",
     "example": "npm run dev && echo 'open url http://localhost:8000/example' && python -m SimpleHTTPServer 8000 ",
-    "test": "karma start karma.conf.ts",
+    "test": "karma start karma.conf.js",
     "release_pre": "npm version patch",
     "release": "rm -fr dist && npm run build && npm run lint && npm run test && npm publish",
     "release_post": "git push origin master && git push origin --tags"
@@ -27,52 +27,53 @@
     "core-js": "^3.6.4"
   },
   "devDependencies": {
-    "@babel/core": "^7.5.5",
+    "@babel/core": "^7.15.0",
+    "@babel/eslint-parser": "^7.15.0",
+    "@babel/eslint-plugin": "^7.14.5",
     "@babel/preset-env": "^7.5.5",
-    "@ecomfe/eslint-config": "^3.2.0",
+    "@ecomfe/eslint-config": "^7.2.1",
     "@rollup/plugin-commonjs": "^11.0.2",
     "@rollup/plugin-node-resolve": "^7.1.1",
-    "@rollup/plugin-typescript": "^4.0.0",
+    "@rollup/plugin-typescript": "^8.2.5",
     "@types/glob": "^7.1.1",
     "@types/jasmine": "^3.5.10",
     "@types/node": "^12.6.8",
     "@types/uglifyjs-webpack-plugin": "^1.1.0",
     "@types/webpack": "^4.4.35",
     "@types/webpack-merge": "^4.1.5",
-    "@typescript-eslint/eslint-plugin": "^2.25.0",
-    "@typescript-eslint/parser": "^2.25.0",
+    "@typescript-eslint/eslint-plugin": "^4.29.2",
+    "@typescript-eslint/parser": "^4.29.2",
     "babel-eslint": "^10.1.0",
     "babel-loader": "^8.0.6",
     "cache-loader": "^4.1.0",
     "css-loader": "^3.1.0",
     "eslint": "^6.8.0",
     "eslint-plugin-babel": "^5.3.0",
-    "eslint-plugin-import": "^2.20.1",
+    "eslint-plugin-import": "^2.24.1",
+    "fastify": "^3.21.0",
+    "fastify-cors": "^6.0.2",
     "fecs": "^1.6.4",
     "file-loader": "^4.1.0",
     "jasmine-core": "^3.4.0",
-    "karma": "^4.3.0",
+    "karma": "^6.3.4",
     "karma-chrome-launcher": "^3.1.0",
     "karma-jasmine": "^2.0.1",
     "karma-jasmine-html-reporter": "^1.4.2",
-    "karma-webpack": "^4.0.2",
+    "karma-typescript": "^5.5.2",
     "less": "^3.9.0",
     "less-loader": "^5.0.0",
-    "rollup": "^2.2.0",
+    "rollup": "^2.56.2",
     "rollup-plugin-babel": "^4.4.0",
     "rollup-plugin-replace": "^2.2.0",
-    "rollup-plugin-typescript2": "^0.26.0",
+    "rollup-plugin-typescript2": "^0.30.0",
     "rollup-plugin-uglify": "^6.0.4",
     "stylus": "^0.54.5",
     "stylus-loader": "^3.0.2",
     "ts-loader": "^6.0.4",
     "ts-node": "^8.3.0",
-    "typescript": "^3.6.2",
+    "typescript": "^4.3.5",
     "uglifyjs-webpack-plugin": "^2.1.3",
-    "url-loader": "^2.1.0",
-    "webpack": "^4.36.1",
-    "webpack-cli": "^3.3.6",
-    "webpack-merge": "^4.2.1"
+    "url-loader": "^2.1.0"
   },
   "keywords": [
     "spy",
@@ -120,8 +121,8 @@
   "browserslist": [
     "> 1%",
     "last 2 versions",
-    "ie >= 8",
-    "android >= 2.3",
-    "ios >= 7"
+    "ie >= 9",
+    "android >= 4",
+    "ios >= 9"
   ]
 }

package/src/head/error.ts

@@ -8,6 +8,8 @@ import {
     SpyHeadConf,
     ErrorConf,
 } from '../lib/spyHeadInterface';
+import {getUrlInfo, getxpath} from '../lib/util';
+
 import spyHead from './base';
 
 export function init(conf: SpyHeadConf) {
@@ -17,20 +19,7 @@ export function init(conf: SpyHeadConf) {
     const isSendResource =  Math.random() < (resourceError.sample ? resourceError.sample : 0);
 
     const winerrors = spyHead.winerrors;
-
-    function getxpath(el: HTMLElement) {
-        const xpath = [];
-        while (el && el.nodeType === 1 && el !== el.parentNode) {
-            xpath.push(el.tagName.toLowerCase());
-            if (el === document.body) {
-                break;
-            }
-            el = el.parentNode as HTMLElement; // 修复缺陷检查
-        }
-        return {
-            xpath: xpath.join('<'),
-        };
-    }
+    let resourceErrorCount = 0;
 
     function spyListenError(event: Event) {
         try {
@@ -47,6 +36,7 @@ export function init(conf: SpyHeadConf) {
             info.deviceMemory = navigator.deviceMemory || 0;
             info.hardwareConcurrency = navigator.hardwareConcurrency || 0;
 
+            // JS错误
             if (srcElement === window) {
                 obj.group = jsError.group;
 
@@ -72,7 +62,6 @@ export function init(conf: SpyHeadConf) {
                     const item = spyHead.winerrors[index];
                     const prefix = item.count > 1 ? `(${item.count})` : '';
                     historys.push(prefix + (item.msg as string));
-
                 }
 
                 info.hisErrors = historys.join('----');
@@ -86,16 +75,24 @@ export function init(conf: SpyHeadConf) {
                     spyHead.send(obj);
                 }
             }
+            // 资源错误
             else {
                 obj.group = resourceError.group;
                 (obj.dim as any).type = (srcElement as HTMLElement).tagName.toLowerCase();
+
                 const url = (srcElement as HTMLScriptElement).src || (srcElement as HTMLLinkElement).href;
                 info.msg = url || 'unknown load eror';
 
+                (obj.dim as any).host = getUrlInfo(url).host;
+
                 if (el && (el as HTMLElement).tagName === 'IMG') {
                     info.xpath = getxpath(el as HTMLElement).xpath;
                 }
 
+                if (resourceErrorCount) {
+                    info.hisErrCount = resourceErrorCount;
+                }
+
                 let allow: boolean | undefined | void = true;
                 if (resourceError.handler) {
                     allow = resourceError.handler(obj);
@@ -104,6 +101,8 @@ export function init(conf: SpyHeadConf) {
                 if (allow !== false && isSendResource) {
                     spyHead.send(obj);
                 }
+
+                resourceErrorCount++;
             }
 
             // 有些错误一下出现很多次，都聚合都一个错误，加上次数