🦆 Код JavaScript для поиска мелкого текста

Недавно столкнулся с ситуацией, когда на странице присутствовало слишком много мелкого текста по мнению Яндекса, висела ошибка в Вебмастере и сервис проверки Mobile Friendly это подтверждал, но не показывал какие конкретно фрагменты текста вызывали проблему.

Стоит понимать, что за мелкий воспринимается текст страницы, который имеет итоговый размер шрифта меньше 12px.

На просторах интернета нашел лаконичный JavaScript-код, позволяющий вычислить такие фрагменты:

function readDOM (el) {
for (var i = 0; i < el.children.length; i++) {
readDOM(el.children[i]);
}
var computedStyle = getComputedStyle(el);
var size = parseInt(computedStyle.fontSize);
if (size < 12) {
console.log(el,parseInt(computedStyle.fontSize));
}
};
readDOM (document.body);

Просто откройте мобильную версию страницы и запустите этот код в консоли разработчика, в результате все проблемные текстовые блоки будут выведены в отдельных сообщениях консоли.

#javascript #mobilefriendly