SVResolution

SVResolution — удобная служебная утилита для MODX Revolution, которая помогает при адаптивной вёрстке сайтов на Bootstrap. Она выводит на фронтенде сайта компактный индикатор с текущим брейкпоинтом и шириной окна браузера в пикселях, чтобы вы сразу видели, в каком диапазоне находится страница и как в этот момент должны работать сетка, стили и адаптивные элементы.

Это особенно полезно в повседневной работе над шаблонами и страницами, поскольку в Bootstrap брейкпоинты лежат в основе адаптивного поведения интерфейса. Компонент поддерживает Bootstrap 3, 4 и 5.

SVResolution позволяет настроить цвет и расположение индикатора, а также ограничить, кому именно он будет виден. Показ работает только в служебном режиме: на фронтенде сайта, для авторизованного пользователя и только для пользователя из разрешённой группы. Компонент реализован в виде плагина, подключённого к системным событиям MODX.