Element模块设计

[sekaiamber]

• Element模块将采用分体形式：
  • 用户在远端手选
  • 在调试端微调
  • 调试端显示各种信息
  • 远端显示框模型

[sekaiamber]

关于数据压缩。

为了传输computedStyle这种大型数据，将采用一些前端压缩方式：

LZ-string 说明文档 demo

经测试，若是完整传输一个computedStyle，大约需要32000 bytes，上库压缩率90%，至3200 bytes，耗时15ms，解压耗时6ms，可以接受。

[sekaiamber]

选中元素后需要传输如下信息：

• 框模型（margin, border, padding, content size） ✅
• 元素信息（tag, id, className, attributes） ✅
• computedStyle ✅
• stylesheet ✅
• 父子结构 ✅
• 事件绑定（？）