customer-chat-sdk 1.0.49 → 1.0.51
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -286,11 +286,8 @@ export declare class ScreenshotManager {
|
|
|
286
286
|
*/
|
|
287
287
|
private dataUrlToArrayBuffer;
|
|
288
288
|
/**
|
|
289
|
-
* 构建二进制结构(按顺序:sign, type, topic, routingKey)
|
|
290
|
-
*
|
|
291
|
-
* type: 1字节 (Uint8)
|
|
292
|
-
* topic: 8字节 (字符串,UTF-8编码,不足补0)
|
|
293
|
-
* routingKey: 8字节 (字符串,UTF-8编码,不足补0)
|
|
289
|
+
* 构建二进制结构(按顺序:sign[9], type[1], topic[8], routingKey[8])
|
|
290
|
+
* 总大小:9 + 1 + 8 + 8 = 26 字节
|
|
294
291
|
*/
|
|
295
292
|
private buildBinaryConfig;
|
|
296
293
|
/**
|
|
@@ -305,6 +302,10 @@ export declare class ScreenshotManager {
|
|
|
305
302
|
* 获取最新截图
|
|
306
303
|
*/
|
|
307
304
|
private getLatestScreenshot;
|
|
305
|
+
/**
|
|
306
|
+
* 发送压缩后的截图到 iframe
|
|
307
|
+
*/
|
|
308
|
+
private sendCompressedScreenshotToIframe;
|
|
308
309
|
/**
|
|
309
310
|
* 启用/禁用截图功能
|
|
310
311
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScreenshotManager.d.ts","sourceRoot":"","sources":["../../src/core/ScreenshotManager.ts"],"names":[],"mappings":"AAWA;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAA;IACtC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,mBAAmB,GAAG,SAAS,GAAG,aAAa,CAAA;IACxD,QAAQ,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,cAAc,GAAG,QAAQ,GAAG,YAAY,CAAA;IAC3F,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAA;IACvC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,GAAG,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,GAAG,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,MAAM,CAAA;CACjB;AA4BD;;;GAGG;AACH,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,OAAO,CAAyH;IACxI,OAAO,CAAC,aAAa,CAA2B;IAChD,OAAO,CAAC,SAAS,CAAQ;IACzB,OAAO,CAAC,eAAe,CAAI;IAC3B,OAAO,CAAC,iBAAiB,CAAe;IACxC,OAAO,CAAC,kBAAkB,CAAI;IAC9B,OAAO,CAAC,KAAK,CAAsB;IACnC,OAAO,CAAC,SAAS,CAAQ;IAGzB,OAAO,CAAC,WAAW,CAAsB;IACzC,OAAO,CAAC,mBAAmB,CAA4B;IACvD,OAAO,CAAC,oBAAoB,CAAqC;IAGjE,OAAO,CAAC,MAAM,CAAsB;IACpC,OAAO,CAAC,eAAe,CAA8B;IAGrD,OAAO,CAAC,iBAAiB,CAAY;IACrC,OAAO,CAAC,cAAc,CAA2B;IACjD,OAAO,CAAC,kBAAkB,CAAa;IACvC,OAAO,CAAC,kBAAkB,CAAa;IACvC,OAAO,CAAC,qBAAqB,CAAY;IACzC,OAAO,CAAC,aAAa,CAAe;IAGpC,OAAO,CAAC,sBAAsB,CAAQ;IAGtC,OAAO,CAAC,eAAe,CAAqE;IAC5F,OAAO,CAAC,iBAAiB,CAAQ;IAGjC,OAAO,CAAC,cAAc,CAA8D;IAGpF,OAAO,CAAC,eAAe,CAAsB;IAG7C,OAAO,CAAC,eAAe,CAA8B;IAGrD,OAAO,CAAC,eAAe,CAA4D;IAGnF,OAAO,CAAC,cAAc,CAA2B;IACjD,OAAO,CAAC,cAAc,CAAQ;IAG9B,OAAO,CAAC,oBAAoB,CAAoC;IAChE,OAAO,CAAC,oBAAoB,CAAyB;IAGrD,OAAO,CAAC,YAAY,CAAQ;IAG5B,OAAO,CAAC,kBAAkB,CAAqC;IAC/D,OAAO,CAAC,eAAe,CAAoB;IAC3C,OAAO,CAAC,2BAA2B,CAAI;IAGvC,OAAO,CAAC,kBAAkB,CAA6C;IACvE,OAAO,CAAC,sBAAsB,CAAwD;gBAE1E,aAAa,EAAE,WAAW,GAAG,IAAI,EAAE,OAAO,GAAE,iBAAsB,EAAE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI;IAqElH;;OAEG;IACH,gBAAgB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI;IAsBnD;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IAgE5B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAgB5B;;OAEG;IACH,OAAO,CAAC,6BAA6B;IAcrC;;OAEG;IACH,OAAO,CAAC,mBAAmB;IA6F3B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IA+BzB;;OAEG;IACH,eAAe,CAAC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI;
|
|
1
|
+
{"version":3,"file":"ScreenshotManager.d.ts","sourceRoot":"","sources":["../../src/core/ScreenshotManager.ts"],"names":[],"mappings":"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"}
|
package/dist/customer-sdk.cjs.js
CHANGED
|
@@ -14687,7 +14687,9 @@ class ScreenshotManager {
|
|
|
14687
14687
|
try {
|
|
14688
14688
|
await this.takeScreenshot();
|
|
14689
14689
|
// 如果配置了二进制模式,发送二进制数据
|
|
14690
|
-
|
|
14690
|
+
// 注意:如果启用了压缩,会在 Worker 压缩完成后自动发送(在 onmessage 中处理)
|
|
14691
|
+
// 如果没有启用压缩,立即发送
|
|
14692
|
+
if (this.currentBinaryConfig && !this.options.compress) {
|
|
14691
14693
|
const latestScreenshot = this.getLatestScreenshot();
|
|
14692
14694
|
if (latestScreenshot) {
|
|
14693
14695
|
try {
|
|
@@ -14728,6 +14730,12 @@ class ScreenshotManager {
|
|
|
14728
14730
|
}
|
|
14729
14731
|
}
|
|
14730
14732
|
}
|
|
14733
|
+
else if (this.currentBinaryConfig && this.options.compress) {
|
|
14734
|
+
// 启用了压缩,等待 Worker 压缩完成后在 onmessage 中发送
|
|
14735
|
+
if (!this.options.silentMode) {
|
|
14736
|
+
console.log('📸 [轮询] 等待 Worker 压缩完成后发送到 iframe...');
|
|
14737
|
+
}
|
|
14738
|
+
}
|
|
14731
14739
|
}
|
|
14732
14740
|
catch (error) {
|
|
14733
14741
|
if (!this.options.silentMode) {
|
|
@@ -14915,9 +14923,32 @@ class ScreenshotManager {
|
|
|
14915
14923
|
});
|
|
14916
14924
|
}
|
|
14917
14925
|
else {
|
|
14926
|
+
// Worker 不可用,如果配置了二进制模式,直接发送原始截图
|
|
14918
14927
|
if (!this.options.silentMode) {
|
|
14919
14928
|
console.warn('📸 ⚠️ Worker 不可用,跳过压缩(使用原始截图)');
|
|
14920
14929
|
}
|
|
14930
|
+
// Worker 不可用时,如果配置了二进制模式,立即发送原始截图
|
|
14931
|
+
if (this.currentBinaryConfig && this.sendToIframeCallback) {
|
|
14932
|
+
const latestScreenshot = this.getLatestScreenshot();
|
|
14933
|
+
if (latestScreenshot) {
|
|
14934
|
+
try {
|
|
14935
|
+
const imageBuffer = this.dataUrlToArrayBuffer(latestScreenshot);
|
|
14936
|
+
const configBuffer = this.buildBinaryConfig(this.currentBinaryConfig);
|
|
14937
|
+
const combinedBuffer = this.combineBinaryData(configBuffer, imageBuffer);
|
|
14938
|
+
const message = {
|
|
14939
|
+
type: 'screenshotBinary',
|
|
14940
|
+
data: combinedBuffer
|
|
14941
|
+
};
|
|
14942
|
+
this.sendToIframeCallback(message);
|
|
14943
|
+
if (!this.options.silentMode) {
|
|
14944
|
+
console.log('📸 [Worker 不可用] ✅ 原始截图已发送到 iframe');
|
|
14945
|
+
}
|
|
14946
|
+
}
|
|
14947
|
+
catch (error) {
|
|
14948
|
+
console.error('📸 [Worker 不可用] ❌ 发送原始截图失败:', error);
|
|
14949
|
+
}
|
|
14950
|
+
}
|
|
14951
|
+
}
|
|
14921
14952
|
}
|
|
14922
14953
|
}
|
|
14923
14954
|
this.error = null;
|
|
@@ -16934,21 +16965,30 @@ class ScreenshotManager {
|
|
|
16934
16965
|
const { type, data } = e.data;
|
|
16935
16966
|
if (type === 'SCREENSHOT_RESULT' && data?.compressed) {
|
|
16936
16967
|
const compressed = data.compressed;
|
|
16937
|
-
//
|
|
16938
|
-
if (this.screenshotHistory.length > 0) {
|
|
16968
|
+
// 更新截图历史记录(压缩成功或失败都会更新)
|
|
16969
|
+
if (this.screenshotHistory.length > 0 && compressed.dataUrl) {
|
|
16939
16970
|
this.screenshotHistory[this.screenshotHistory.length - 1] = compressed.dataUrl;
|
|
16940
16971
|
// 打印压缩统计信息
|
|
16941
|
-
if (!this.options.silentMode
|
|
16942
|
-
const originalKB = (compressed.originalSize * 0.75 / 1024).toFixed(2);
|
|
16943
|
-
const compressedKB = (compressed.compressedSize * 0.75 / 1024).toFixed(2);
|
|
16944
|
-
const ratio = compressed.compressionRatio || '0';
|
|
16945
|
-
console.log('📸 [Worker 压缩] ✅ 压缩完成');
|
|
16946
|
-
console.log(` 原始大小: ${originalKB} KB`);
|
|
16947
|
-
console.log(` 压缩后: ${compressedKB} KB`);
|
|
16948
|
-
console.log(` 压缩率: ${ratio}%`);
|
|
16972
|
+
if (!this.options.silentMode) {
|
|
16949
16973
|
if (compressed.error) {
|
|
16950
|
-
|
|
16974
|
+
// 压缩失败,使用原始数据
|
|
16975
|
+
console.warn('📸 [Worker 压缩] ⚠️ 压缩失败,使用原始截图');
|
|
16976
|
+
console.warn(` ⚠️ 错误: ${compressed.error}`);
|
|
16951
16977
|
}
|
|
16978
|
+
else if (compressed.originalSize && compressed.compressedSize) {
|
|
16979
|
+
// 压缩成功,显示统计信息
|
|
16980
|
+
const originalKB = (compressed.originalSize * 0.75 / 1024).toFixed(2);
|
|
16981
|
+
const compressedKB = (compressed.compressedSize * 0.75 / 1024).toFixed(2);
|
|
16982
|
+
const ratio = compressed.compressionRatio || '0';
|
|
16983
|
+
console.log('📸 [Worker 压缩] ✅ 压缩完成');
|
|
16984
|
+
console.log(` 原始大小: ${originalKB} KB`);
|
|
16985
|
+
console.log(` 压缩后: ${compressedKB} KB`);
|
|
16986
|
+
console.log(` 压缩率: ${ratio}%`);
|
|
16987
|
+
}
|
|
16988
|
+
}
|
|
16989
|
+
// 压缩完成后(无论成功或失败),如果配置了二进制模式,发送数据到 iframe
|
|
16990
|
+
if (this.currentBinaryConfig && compressed.dataUrl) {
|
|
16991
|
+
this.sendCompressedScreenshotToIframe(compressed.dataUrl);
|
|
16952
16992
|
}
|
|
16953
16993
|
}
|
|
16954
16994
|
}
|
|
@@ -16958,6 +16998,28 @@ class ScreenshotManager {
|
|
|
16958
16998
|
if (!this.options.silentMode) {
|
|
16959
16999
|
console.warn('📸 Worker 压缩失败,使用原始截图');
|
|
16960
17000
|
}
|
|
17001
|
+
// Worker 发生错误时,如果配置了二进制模式,发送原始截图
|
|
17002
|
+
if (this.currentBinaryConfig && this.sendToIframeCallback) {
|
|
17003
|
+
const latestScreenshot = this.getLatestScreenshot();
|
|
17004
|
+
if (latestScreenshot) {
|
|
17005
|
+
try {
|
|
17006
|
+
const imageBuffer = this.dataUrlToArrayBuffer(latestScreenshot);
|
|
17007
|
+
const configBuffer = this.buildBinaryConfig(this.currentBinaryConfig);
|
|
17008
|
+
const combinedBuffer = this.combineBinaryData(configBuffer, imageBuffer);
|
|
17009
|
+
const message = {
|
|
17010
|
+
type: 'screenshotBinary',
|
|
17011
|
+
data: combinedBuffer
|
|
17012
|
+
};
|
|
17013
|
+
this.sendToIframeCallback(message);
|
|
17014
|
+
if (!this.options.silentMode) {
|
|
17015
|
+
console.log('📸 [Worker 错误] ✅ 原始截图已发送到 iframe');
|
|
17016
|
+
}
|
|
17017
|
+
}
|
|
17018
|
+
catch (error) {
|
|
17019
|
+
console.error('📸 [Worker 错误] ❌ 发送原始截图失败:', error);
|
|
17020
|
+
}
|
|
17021
|
+
}
|
|
17022
|
+
}
|
|
16961
17023
|
};
|
|
16962
17024
|
// 注意:不要立即 revokeObjectURL,因为 Worker 需要这个 URL 保持有效
|
|
16963
17025
|
// 在 destroy() 方法中清理 Worker 时再 revoke
|
|
@@ -17025,34 +17087,37 @@ class ScreenshotManager {
|
|
|
17025
17087
|
return u8arr.buffer;
|
|
17026
17088
|
}
|
|
17027
17089
|
/**
|
|
17028
|
-
* 构建二进制结构(按顺序:sign, type, topic, routingKey)
|
|
17029
|
-
*
|
|
17030
|
-
* type: 1字节 (Uint8)
|
|
17031
|
-
* topic: 8字节 (字符串,UTF-8编码,不足补0)
|
|
17032
|
-
* routingKey: 8字节 (字符串,UTF-8编码,不足补0)
|
|
17090
|
+
* 构建二进制结构(按顺序:sign[9], type[1], topic[8], routingKey[8])
|
|
17091
|
+
* 总大小:9 + 1 + 8 + 8 = 26 字节
|
|
17033
17092
|
*/
|
|
17034
17093
|
buildBinaryConfig(config) {
|
|
17035
|
-
// 总大小:
|
|
17036
|
-
const buffer = new ArrayBuffer(
|
|
17094
|
+
// 总大小:9 + 1 + 8 + 8 = 26 字节
|
|
17095
|
+
const buffer = new ArrayBuffer(26);
|
|
17037
17096
|
const view = new DataView(buffer);
|
|
17038
17097
|
const encoder = new TextEncoder();
|
|
17039
17098
|
let offset = 0;
|
|
17040
|
-
// sign:
|
|
17041
|
-
// 将字符串转换为 BigInt(支持数字字符串,如 "1234567890")
|
|
17099
|
+
// sign: 9字节 (BigInt 或自定义编码)
|
|
17042
17100
|
const signValue = typeof config.sign === 'string'
|
|
17043
17101
|
? BigInt(config.sign)
|
|
17044
17102
|
: BigInt(String(config.sign));
|
|
17045
|
-
|
|
17046
|
-
|
|
17047
|
-
//
|
|
17103
|
+
// 我们只能直接写 8 字节(DataView 不支持 9字节整数),所以:
|
|
17104
|
+
// 若后端确实是9字节整型(非标准),可手动写入
|
|
17105
|
+
// 例如前导一个 0 再加上 BigInt64 部分
|
|
17106
|
+
const signBuffer = new Uint8Array(9);
|
|
17107
|
+
const tempView = new DataView(new ArrayBuffer(8));
|
|
17108
|
+
tempView.setBigInt64(0, signValue);
|
|
17109
|
+
signBuffer.set(new Uint8Array(tempView.buffer), 1); // 前面补一个 0
|
|
17110
|
+
new Uint8Array(buffer, offset, 9).set(signBuffer);
|
|
17111
|
+
offset += 9;
|
|
17112
|
+
// type: 1字节
|
|
17048
17113
|
view.setUint8(offset, config.type);
|
|
17049
17114
|
offset += 1;
|
|
17050
|
-
// topic: 8字节
|
|
17115
|
+
// topic: 8字节
|
|
17051
17116
|
const topicBytes = encoder.encode(config.topic);
|
|
17052
17117
|
const topicArray = new Uint8Array(buffer, offset, 8);
|
|
17053
17118
|
topicArray.set(topicBytes.slice(0, 8));
|
|
17054
17119
|
offset += 8;
|
|
17055
|
-
// routingKey: 8字节
|
|
17120
|
+
// routingKey: 8字节
|
|
17056
17121
|
const routingKeyBytes = encoder.encode(config.routingKey);
|
|
17057
17122
|
const routingKeyArray = new Uint8Array(buffer, offset, 8);
|
|
17058
17123
|
routingKeyArray.set(routingKeyBytes.slice(0, 8));
|
|
@@ -17090,53 +17155,63 @@ class ScreenshotManager {
|
|
|
17090
17155
|
if (success) {
|
|
17091
17156
|
// 截图完成后,等待一小段时间确保数据已保存
|
|
17092
17157
|
await new Promise(resolve => setTimeout(resolve, 100));
|
|
17093
|
-
//
|
|
17094
|
-
|
|
17095
|
-
if (
|
|
17096
|
-
|
|
17097
|
-
|
|
17098
|
-
|
|
17099
|
-
|
|
17100
|
-
|
|
17101
|
-
|
|
17102
|
-
|
|
17103
|
-
|
|
17104
|
-
|
|
17105
|
-
|
|
17106
|
-
|
|
17107
|
-
|
|
17108
|
-
|
|
17109
|
-
|
|
17110
|
-
|
|
17111
|
-
|
|
17112
|
-
|
|
17113
|
-
console.log(` 图片字节大小: ${(imageBufferSize / 1024).toFixed(2)} KB (${imageBufferSize} 字节)`);
|
|
17114
|
-
console.log(` 配置字节大小: ${configBufferSize} 字节`);
|
|
17115
|
-
console.log(` 拼接后总大小: ${(combinedBufferSize / 1024).toFixed(2)} KB (${combinedBufferSize} 字节)`);
|
|
17116
|
-
}
|
|
17117
|
-
// 发送二进制数据到 iframe
|
|
17118
|
-
if (this.sendToIframeCallback) {
|
|
17119
|
-
const message = {
|
|
17120
|
-
type: 'screenshotBinary',
|
|
17121
|
-
data: combinedBuffer
|
|
17122
|
-
};
|
|
17123
|
-
this.sendToIframeCallback(message);
|
|
17158
|
+
// 如果启用了压缩,等待 Worker 压缩完成后在 onmessage 中自动发送
|
|
17159
|
+
// 如果没有启用压缩,立即发送原始截图
|
|
17160
|
+
if (!this.options.compress) {
|
|
17161
|
+
// 没有压缩,直接发送原始截图
|
|
17162
|
+
const latestScreenshot = this.getLatestScreenshot();
|
|
17163
|
+
if (latestScreenshot) {
|
|
17164
|
+
try {
|
|
17165
|
+
// 计算 base64 大小
|
|
17166
|
+
const base64Data = latestScreenshot.split(',')[1] || '';
|
|
17167
|
+
const base64Size = base64Data.length;
|
|
17168
|
+
// 将截图转换为 ArrayBuffer
|
|
17169
|
+
const imageBuffer = this.dataUrlToArrayBuffer(latestScreenshot);
|
|
17170
|
+
const imageBufferSize = imageBuffer.byteLength;
|
|
17171
|
+
// 构建配置的二进制结构
|
|
17172
|
+
const configBuffer = this.buildBinaryConfig(config);
|
|
17173
|
+
const configBufferSize = configBuffer.byteLength;
|
|
17174
|
+
// 合并配置字节和图片字节(配置在前)
|
|
17175
|
+
const combinedBuffer = this.combineBinaryData(configBuffer, imageBuffer);
|
|
17176
|
+
const combinedBufferSize = combinedBuffer.byteLength;
|
|
17177
|
+
// 打印大小信息
|
|
17124
17178
|
if (!this.options.silentMode) {
|
|
17125
|
-
console.log('📸 [
|
|
17179
|
+
console.log('📸 [大小统计]');
|
|
17180
|
+
console.log(` Base64 大小: ${base64Size} 字符`);
|
|
17181
|
+
console.log(` 图片字节大小: ${(imageBufferSize / 1024).toFixed(2)} KB (${imageBufferSize} 字节)`);
|
|
17182
|
+
console.log(` 配置字节大小: ${configBufferSize} 字节`);
|
|
17183
|
+
console.log(` 拼接后总大小: ${(combinedBufferSize / 1024).toFixed(2)} KB (${combinedBufferSize} 字节)`);
|
|
17184
|
+
}
|
|
17185
|
+
// 发送二进制数据到 iframe
|
|
17186
|
+
if (this.sendToIframeCallback) {
|
|
17187
|
+
const message = {
|
|
17188
|
+
type: 'screenshotBinary',
|
|
17189
|
+
data: combinedBuffer
|
|
17190
|
+
};
|
|
17191
|
+
this.sendToIframeCallback(message);
|
|
17192
|
+
if (!this.options.silentMode) {
|
|
17193
|
+
console.log('📸 [iframe] ✅ 二进制数据已发送到 iframe');
|
|
17194
|
+
}
|
|
17195
|
+
}
|
|
17196
|
+
else {
|
|
17197
|
+
console.error('📸 [iframe] ❌ 无法发送二进制数据:未提供发送消息的回调函数');
|
|
17126
17198
|
}
|
|
17127
17199
|
}
|
|
17128
|
-
|
|
17129
|
-
console.error('📸 [iframe] ❌
|
|
17200
|
+
catch (error) {
|
|
17201
|
+
console.error('📸 [iframe] ❌ 处理二进制数据失败:', error);
|
|
17202
|
+
this.uploadError = error instanceof Error ? error.message : String(error);
|
|
17130
17203
|
}
|
|
17131
17204
|
}
|
|
17132
|
-
|
|
17133
|
-
|
|
17134
|
-
|
|
17205
|
+
else {
|
|
17206
|
+
if (!this.options.silentMode) {
|
|
17207
|
+
console.warn('📸 [iframe] 截图完成但未找到截图数据');
|
|
17208
|
+
}
|
|
17135
17209
|
}
|
|
17136
17210
|
}
|
|
17137
17211
|
else {
|
|
17212
|
+
// 启用了压缩,等待 Worker 压缩完成后在 onmessage 中自动发送
|
|
17138
17213
|
if (!this.options.silentMode) {
|
|
17139
|
-
console.
|
|
17214
|
+
console.log('📸 [iframe] 等待 Worker 压缩完成后发送到 iframe...');
|
|
17140
17215
|
}
|
|
17141
17216
|
}
|
|
17142
17217
|
}
|
|
@@ -17152,6 +17227,48 @@ class ScreenshotManager {
|
|
|
17152
17227
|
getLatestScreenshot() {
|
|
17153
17228
|
return this.screenshotHistory[this.screenshotHistory.length - 1] || null;
|
|
17154
17229
|
}
|
|
17230
|
+
/**
|
|
17231
|
+
* 发送压缩后的截图到 iframe
|
|
17232
|
+
*/
|
|
17233
|
+
sendCompressedScreenshotToIframe(dataUrl) {
|
|
17234
|
+
if (!this.currentBinaryConfig || !this.sendToIframeCallback) {
|
|
17235
|
+
return;
|
|
17236
|
+
}
|
|
17237
|
+
try {
|
|
17238
|
+
// 计算 base64 大小
|
|
17239
|
+
const base64Data = dataUrl.split(',')[1] || '';
|
|
17240
|
+
const base64Size = base64Data.length;
|
|
17241
|
+
// 将截图转换为 ArrayBuffer
|
|
17242
|
+
const imageBuffer = this.dataUrlToArrayBuffer(dataUrl);
|
|
17243
|
+
const imageBufferSize = imageBuffer.byteLength;
|
|
17244
|
+
// 构建配置的二进制结构
|
|
17245
|
+
const configBuffer = this.buildBinaryConfig(this.currentBinaryConfig);
|
|
17246
|
+
const configBufferSize = configBuffer.byteLength;
|
|
17247
|
+
// 合并配置字节和图片字节(配置在前)
|
|
17248
|
+
const combinedBuffer = this.combineBinaryData(configBuffer, imageBuffer);
|
|
17249
|
+
const combinedBufferSize = combinedBuffer.byteLength;
|
|
17250
|
+
// 打印大小信息
|
|
17251
|
+
if (!this.options.silentMode) {
|
|
17252
|
+
console.log('📸 [压缩后-大小统计]');
|
|
17253
|
+
console.log(` Base64 大小: ${base64Size} 字符`);
|
|
17254
|
+
console.log(` 图片字节大小: ${(imageBufferSize / 1024).toFixed(2)} KB (${imageBufferSize} 字节)`);
|
|
17255
|
+
console.log(` 配置字节大小: ${configBufferSize} 字节`);
|
|
17256
|
+
console.log(` 拼接后总大小: ${(combinedBufferSize / 1024).toFixed(2)} KB (${combinedBufferSize} 字节)`);
|
|
17257
|
+
}
|
|
17258
|
+
// 发送二进制数据到 iframe
|
|
17259
|
+
const message = {
|
|
17260
|
+
type: 'screenshotBinary',
|
|
17261
|
+
data: combinedBuffer
|
|
17262
|
+
};
|
|
17263
|
+
this.sendToIframeCallback(message);
|
|
17264
|
+
if (!this.options.silentMode) {
|
|
17265
|
+
console.log('📸 [压缩后] ✅ 二进制数据已发送到 iframe');
|
|
17266
|
+
}
|
|
17267
|
+
}
|
|
17268
|
+
catch (error) {
|
|
17269
|
+
console.error('📸 [压缩后] ❌ 处理二进制数据失败:', error);
|
|
17270
|
+
}
|
|
17271
|
+
}
|
|
17155
17272
|
/**
|
|
17156
17273
|
* 启用/禁用截图功能
|
|
17157
17274
|
*/
|