Вопрос или проблема
Google Chrome предлагает опцию для визуального выделения областей перерисовки с помощью инструмента разработчика, называемого ‘Показать прямоугольники отрисовки’. Это описано здесь: https://developer.chrome.com/devtools/docs/rendering-settings
Другая из этих опций — отображение FPS метра. Эту опцию можно даже включить постоянно, изменив chrome:flags, но я не могу понять, как навсегда включить отображение прямоугольников отрисовки для каждой страницы без открытия консоли Developer Tools. Похоже, нет флага для этого, который я мог бы включить.
Есть ли решение для этого? Возможно, какая-то настройка или расширение?
Хотя это не идеальное решение, вы можете открыть инструменты разработчика в отдельном окне (отстыкованном), чтобы не загораживать вид. Минус в том, что вам нужно иметь открытыми инструменты разработчика.
Смотрите: https://stackoverflow.com/questions/23668827/how-to-open-the-chrome-developer-tools-in-a-new-window
Ответ или решение
Включение функции ‘Show paint rectangles’ в Google Chrome без активирования панели разработчика.
В Google Chrome функция ‘Show paint rectangles’ используется для визуального выделения областей страницы, которые были перерисованы (repainted). Эта функция доступна через инструменты разработчика, давая возможность определять, какие части страницы подвергаются перерисовке, что помогает в оптимизации производительности и устранении ненужных перерасходов ресурсов. К сожалению, на данный момент Chrome не предоставляет флагов или настроек для того, чтобы включить данную опцию без открытия панели разработчика.
Возможные обходные методы
-
Открепление Инструментов разработчика:
Один из доступных методов использования ‘Show paint rectangles’ — это открепление панели инструментов разработчика. Это означает, что вы можете перенести инструменты разработчика в отдельное окно и разместить его на другом экране для минимизации неудобств. Хотя это и не является прямым решением проблемы, данное решение позволяет вам следить за ‘paint rectangles’, сохраняя основное рабочее пространство браузера свободным от панели разработчика. Подробнее об откреплении панели вы можете прочитать на StackOverflow. -
Поиск расширений:
Хотя на данный момент не существует стандартизированного расширения или модификации, которые позволяют активировать ‘Show paint rectangles’ без разработки собственных инструментов, стоит проверить магазины браузеров на наличие специализированных расширений. В сообществе разработчиков периодически появляются новые инструменты, которые расширяют функциональность браузеров. -
Слежение за обновлениями Chrome:
Поскольку возможности браузеров постоянно обновляются, рекомендуется следить за выпуском новых версий Chrome и обновлениями документации, доступной на официальном сайте. Возможно, в будущем разработчики добавят интересующую вас функциональность.
Вывод
Качественное решение задачи зависит от баланса между доступностью функции и удобством работы. Пока не разработан способ задействования ‘Show paint rectangles’ без инструмента разработчика, лучше всего использовать комбинированные методы. Поддерживая интерес к этой функции, вы также продолжаете развиваться вместе с технологическими новшествами, что поможет в принятии быстрых решений, как только они станут доступны.