На панели «Сеть» Chrome DevTools с типом запроса фильтра, установленным на «Все / XHR», под полосой прокрутки панели «Предварительный просмотр» (как вертикальной, так и горизонтальной) не катится
Чтобы преодолеть вышеуказанные ситуации, я использовал следующие два подхода:
Поскольку оба подхода выполняются одинаково, отсоедините DevTools в отдельное окно и затем нажмите F12 или нажмите CTRL + SHIFT + I для проверки внутри DevTools - Проверка в проверке (т. е. вложенные проверки)
Первый подход:
Изучив предварительный просмотр iframe, вы увидите, что .html-preview-frame имеет свойство pointer-events, установленное на none.
При отключении или установке свойства pointer-events на auto функция прокрутки возобновляется до тех пор, пока вы не обновите страницу или не переключитесь на другой файл.
Второй подход:
С помощью локального модифицированного скрипта CSS для переопределения. На панели Sources из вложенных проверок есть скрипт с именем "network / requestHTMLView.css" , который появляется в списке Sources в разделе « Без домена » на вкладке Страница и в панели Редактор изменение / замена скрипта CSS, содержащего предыдущие строки кода, на эти строки ниже кода, функция прокрутки возобновляется! до и если, не обновляя страницу или не переключаясь на другой файл.
iframe.html-preview-frame {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
flex-grow: 1;
margin: 20px;
pointer-events: auto;
}
Но проблема, с которой сталкивались, была каждый раз, если мы попытаемся обновить или переключиться на другой файл, он останется постоянным. Есть ли способ обойти эту проблему навсегда, либо определив наш собственный CSS-файл, либо определив наши собственные функции JavaScript, а затем внедрив его в HTML-файл.
Наконец, решение должно быть таким, что даже после обновления или переключения на другую функцию прокрутки файлов должна работать!
Установлен Google Chrome версии 67.0.3396.99 (официальная сборка) (64-разрядная версия).
Google Chrome: 67.0.3396.99 (Official Build) (64-bit)
Revision: a337fbf3c2ab8ebc6b64b0bfdce73a20e2e2252b-refs/branch-heads/3396@{#790}
OS: Linux
JavaScript: V8 6.7.288.46
Flash: 30.0.0.113 /home/nishanth/.config/google-chrome/PepperFlash/30.0.0.113/libpepflashplayer.so
User Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36
Command Line: /usr/bin/google-chrome-stable --flag-switches-begin --flag-switches-end
Profile Path: /home/nishanth/.config/google-chrome/Default
Ожидается официальное исправление путем обновления до более новой версии, но не удалось найти исправление с этой проблемой, и Chrome Canary недоступен для пользователей Linux.