网页性能监控 18 项数据指标,浏览器信息,错误收集上报方案,前端工程化。
Web page performance monitoring 18 data indicators, about browser information, error collection, front end engineering.
method 1:
pnpm add -D web-performance-tracer
oryarn add -D web-performance-tracer
import 'web-performance-tracer';
method 2:
<body>
<!-- ... -->
<script src="https://cdn.jsdelivr.net/npm/web-performance-tracer/dist/web-performance-tracer.min.js"></script>
</body>
setTimeout(() => {
window._logInstance["store-name"].updateOptions({
host: 'cn-guangzhou.log.aliyuncs.com',
project: 'tracer-log',
logstore: 'app',
isUploadLog: true
})
console.log("log updeate config", window._logInstance["store-name"])
}, 2000)
window._logInstance["store-name"].send('', {
customer: "user",
product: "iphone 12",
price: 7998,
})
commit: package.json version
pnpm pre-release
pnpm release
github: draft a new release