Chrome 上传 "too fast" 以供检查

Question

我有一个愚蠢的问题。我有一个使用 roundcube webmail 的页面。当我创建一封新邮件并想附加一个文件时，有一个 <li> 元素在文件上传时附加到 <ul> 元素。上传完成后，<li> 被删除并替换为另一个元素。

由于某些原因，我需要以某种方式检查临时 <li> 元素。但由于它出现的时间太短，我没有足够的时间去真正检查它。

我正在使用 Roundcube Docker 容器，并连接到我无权访问的远程 iRedMail 服务器。

我有过以下想法：

使用名为 DOMListener 的 Chrome 扩展来查看元素。我确实在那里看到了它，但是我看不到该元素的 content/html。
增加最大文件大小。当前最大文件大小为 5.0 MB，我尝试通过更改 .htaccess 来增加它，根据 https://docs.iredmail.org/change.mail.attachment.size.html 设置 upload_max_filesize = 100M;。这没有用，我仍然只能上传 <= 5MB 的文件。
以某种方式减慢了上传速度。我不知道怎么办。
正在搜索实际元素的代码 class (uploading)，但我找不到它。

有人知道我可以尝试什么吗？

Answer 1

将此代码复制到浏览器检查器控制台：

let count = document.getElementsByTagName('li').length;
setInterval(() => {
    if (count !== document.getElementsByTagName('li').length) {
        count = document.getElementsByTagName('li').length;
        console.log(document.getElementsByTagName('li'));
    }
}, 1);

当DOM中添加了任何li标签时，您会看到所有"li"s标签，找到并检查它。

如果替换

，您还可以看到所有内部HTML而不是HTML元素（或属性）

console.log(document.getElementsByTagName('li'));

与

console.log(Array.from(document.getElementsByTagName('li')).map((item) => item.innerHTML));

希望对您有所帮助

Answer 2

在开发人员工具中，您有一个可用的限制选项。

转到网络选项卡和 select 限制下拉列表。您可以根据需要添加自定义限制并围绕它们循环。

Chrome 上传 "too fast" 以供检查

Chrome upload "too fast" for inspecting

html

roundcube

iredmail