javascript - html元素内存存储容量值

标签 javascript jquery html memory

我想知道如何获得 html 元素占用的内存容量?

假设我有下一个脚本...

<body>
    <div id="id" class="class">some words</div>
    <textarea col="60" row="10"></textarea>
</body>

我想以字节或 kb 为单位找出包含用户内容和不包含用户内容的文本区域需要多少存储空间?!?

此外我想知道元素本身占用多少 kb 或字节?

假设 div 需要 0.0024kb 作为元素,+ id + class + value 需要 0.0154kb

有没有办法让我找到它?

谢谢你:)

最佳答案

在 google chrome 中按 f12,转到配置文件选项卡。

选择 Take Heap Snapshot

按下快照按钮

然后在很多选择HTML Document DOM树中选择

然后由您选择要检查的项目。

关于javascript - html元素内存存储容量值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28712987/

相关文章:

javascript - React 嵌套路由不渲染组件

javascript - AngularJS 错误 : [$injector:nomod]

javascript - 可折叠的 Bootstrap 4 Accordion 无法正常工作

javascript - JSON 破坏了我的脚本,但它仍然提取数据

html - 垂直居中 <a> 标签?

javascript - 使用 javascript 构建 html 标签

javascript - 使用 Stencil Utils 以 JSON 格式检索产品信息

jquery - 在 jquery css 中使用它

php - 如何在 Tumblr 主题中包含文件

html - mailto 链接无法使用 Bootstrap