Загрузка Chrome «слишком быстрая» для проверки - PullRequest
Новая
       109

Загрузка Chrome «слишком быстрая» для проверки

0 голосов
/ 07 февраля 2019

У меня глупая проблема.У меня есть страница, которая использует веб-почту roundcube.Когда я создаю новое письмо и хочу прикрепить файл, появляется элемент <li>, который добавляется к элементу <ul> во время загрузки файла.После завершения загрузки <li> удаляется и заменяется другим элементом.

В силу причин, по которым мне нужно как-то проверить временный элемент <li>.Но так как он виден слишком короткое время, у меня не хватает времени, чтобы действительно его проверить.

Я использую Docker-контейнер Roundcube и подключаюсь к удаленному iRedMail-серверу, к которому у меня нет доступа.

У меня были следующие идеи:

  • Использование расширения Chrome под названием DOMListener для просмотра элемента.Я вижу его там, но не вижу содержимого / html для элемента.
  • Увеличьте максимальный размер файла.Текущий максимальный размер файла составляет 5,0 МБ, и я попытался увеличить его, изменив .htaccess, установив upload_max_filesize = 100M; в соответствии с https://docs.iredmail.org/change.mail.attachment.size.html. Это не сработало, я все еще могу загружать только файлы <= 5 МБ. </li>
  • Замедление загрузки как-то.Я понятия не имею, как.
  • Поиск кода для фактического класса элемента (uploading), но я не могу его найти.

Кто-нибудь знает, что я могу попробовать?

Ответы [ 2 ]

0 голосов
/ 07 февраля 2019

В инструментах разработчика у вас есть опция регулирования.

Перейдите на вкладку «Сеть» и выберите «Раскрытие регулирования».Вы можете добавлять свои собственные ограничения по своему усмотрению и циклически обходить их.

enter image description here

0 голосов
/ 07 февраля 2019

Скопируйте этот код в консоль инспектора браузера: 

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", когда есть какой-либо тег li, добавленный в DOM, найдите и проверьте его.

Вы также можете увидеть весь innerHTML вместо HTML-элемента (или атрибутов), если заменить 

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

на 

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

Надеюсь, что эта помощь

...