Chrome 上传“太快”无法检查

Posted 2023-02-24

【中文标题】Chrome 上传“太快”无法检查

【英文标题】：Chrome upload "too fast" for inspecting

【发布时间】：2019-07-01 14:34:10

【问题描述】：

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

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

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

我有以下想法：

使用名为 DOMListener 的 Chrome 扩展程序来查看元素。我确实在那里看到它，但我看不到元素的内容/html。 增加最大文件大小。当前的最大文件大小为 5.0 MB，我尝试通过更改 .htaccess 来增加它，根据 https://docs.iredmail.org/change.mail.attachment.size.html 设置 upload_max_filesize = 100M;。这不起作用，我仍然只能上传 不知何故减慢了上传速度。我不知道怎么做。 正在搜索实际元素类 (uploading) 的代码，但找不到。

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

【问题讨论】：

您好，您是否尝试在 Chronme 开发者工具 (F12) > 网络 > “在线”右侧的箭头中更改网络的预设？

【参考方案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);

当有任何li标签被添加到DOM时，你会看到所有的“li”标签，找到并检查它。

如果你替换，你也可以看到所有的 innerHTML 而不是 HTML 元素（或属性）

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

与

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

希望有帮助

【参考方案2】：

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

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