airuikun / smart-tracker

smart-tracker简易型前端无痕埋点

使用方式

    npm i
    npm run start

chrome打开: localhost:3000

打开控制台

随便点击页面上的元素

查看控制台console.log的输出即可

smart-tracker's Issues

没明白这是干什么用的……

麻烦作者的README详细说明一下？

npm run serve无法启动项目

devServer.js无法正常启动

1. 操作流程：

npm i
npm start

出现服务无法正常启动，像下面这样卡住。

2. 尝试解决

查看了下issues上的问题，在 devServer.js 中做修改：

- app.use(KoaStatic(path.join(__dirname, '../')), {
+ app.use(KoaStatic(path.join(__dirname, './')), {
    maxAge: 365 * 24 * 60 * 60
});

然后服务正常启动，index.html 正常访问。

不知道是否只有我会出现这个问题，还是其他人也会？

启动崩溃， 内存溢出

环境信息

 uname -a // Darwin luxiaopengdeMacBook-Air.local 16.7.0 Darwin Kernel Version 16.7.0: Wed Feb 27 00:29:57 PST 2019; root:xnu-3789.73.43~1/RELEASE_X86_64 x86_64
 node - v // v12.4.0

如何重现

npm i
npm start

详细堆栈信息

<--- Last few GCs --->

[1664:0x102803c00]   118674 ms: Mark-sweep 2045.6 (2049.8) -> 2045.0 (2050.3) MB, 1657.8 / 0.0 ms  (+ 485.8 ms in 112 steps since start of marking, biggest step 12.0 ms, walltime since start of marking 2370 ms) (average mu = 0.128, current mu = 0.153) all[1664:0x102803c00]   126758 ms: Mark-sweep 2045.7 (2050.3) -> 2045.0 (2049.8) MB, 8073.2 / 0.0 ms  (average mu = 0.047, current mu = 0.001) allocation failure scavenge might not succeed


<--- JS stacktrace --->

==== JS stack trace =========================================

    0: ExitFrame [pc: 0x100ea9f02]
    1: StubFrame [pc: 0x100eaafe5]
Security context: 0x3ccf3439a2f1 <JSObject>
    2: join [0x3ccffeef2ad1] [path.js:~1031] [pc=0x2a350a60838b](this=0x3ccffee82531 <Object map = 0x3ccf40c30a19>)
    3: arguments adaptor frame: 2->0
    4: /* anonymous */ [0x3ccf157dff91] [/Users/luxiaopeng/smart-tracker/node_modules/.1.1.0@fs-readdir-recursive/index.js:~18] [pc=0x2a350a60cf66](this=0x3ccffee84659 <JSGlob...

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory

Writing Node.js report to file: report.20191101.193901.1664.0.001.json
Node.js report completed
 1: 0x100075bd5 node::Abort() [/Users/luxiaopeng/.nvm/versions/node/v12.4.0/bin/node]
 2: 0x100076316 node::errors::TryCatchScope::~TryCatchScope() [/Users/luxiaopeng/.nvm/versions/node/v12.4.0/bin/node]
 3: 0x1001697d7 v8::Utils::ReportOOMFailure(v8::internal::Isolate*, char const*, bool) [/Users/luxiaopeng/.nvm/versions/node/v12.4.0/bin/node]
 4: 0x10016976c v8::internal::V8::FatalProcessOutOfMemory(v8::internal::Isolate*, char const*, bool) [/Users/luxiaopeng/.nvm/versions/node/v12.4.0/bin/node]
 5: 0x1005480d5 v8::internal::Heap::FatalProcessOutOfMemory(char const*) [/Users/luxiaopeng/.nvm/versions/node/v12.4.0/bin/node]
 6: 0x1005491c3 v8::internal::Heap::CheckIneffectiveMarkCompact(unsigned long, double) [/Users/luxiaopeng/.nvm/versions/node/v12.4.0/bin/node]
 7: 0x100546bc3 v8::internal::Heap::PerformGarbageCollection(v8::internal::GarbageCollector, v8::GCCallbackFlags) [/Users/luxiaopeng/.nvm/versions/node/v12.4.0/bin/node]
 8: 0x10054487f v8::internal::Heap::CollectGarbage(v8::internal::AllocationSpace, v8::internal::GarbageCollectionReason, v8::GCCallbackFlags) [/Users/luxiaopeng/.nvm/versions/node/v12.4.0/bin/node]
 9: 0x10054f365 v8::internal::Heap::AllocateRawWithLightRetry(int, v8::internal::AllocationType, v8::internal::AllocationAlignment) [/Users/luxiaopeng/.nvm/versions/node/v12.4.0/bin/node]
10: 0x10054f3df v8::internal::Heap::AllocateRawWithRetryOrFail(int, v8::internal::AllocationType, v8::internal::AllocationAlignment) [/Users/luxiaopeng/.nvm/versions/node/v12.4.0/bin/node]
11: 0x10051e10f v8::internal::Factory::NewFillerObject(int, bool, v8::internal::AllocationSpace) [/Users/luxiaopeng/.nvm/versions/node/v12.4.0/bin/node]
12: 0x1007cecf4 v8::internal::Runtime_AllocateInNewSpace(int, unsigned long*, v8::internal::Isolate*) [/Users/luxiaopeng/.nvm/versions/node/v12.4.0/bin/node]
13: 0x100ea9f02 Builtins_CEntry_Return1_DontSaveFPRegs_ArgvOnStack_NoBuiltinExit [/Users/luxiaopeng/.nvm/versions/node/v12.4.0/bin/node]

蝌蚪老哥,怎么debuger和console.log在你的utils.js里面都无效...

height是不是拼错了？

smart-tracker/src/utils.js

Line 34 in 726e7f5

const heigth = rect.heigth || rect.bottom - rect.top;