Отмена минимизации / запутывания стилей CSS на веб-странице - PullRequest
Новая
       11

Отмена минимизации / запутывания стилей CSS на веб-странице

0 голосов
/ 27 октября 2019

Это нормально для веб-страниц, которые иногда имеют запутанные / минимизированные классы CSS. Это имеет (возможно, преднамеренный) побочный эффект - предотвращение очистки страниц из-за случайных имен классов.

Страница четко определена - хотя HTML разный при каждой загрузке страницы, отображаемая страница всегда выглядит одинаково. Например, всегда есть заголовок на font-size: 20px; color: black;, или описание всегда font-size: 15px; line-height: 1.5; и т. Д. ...

Существует ли процесс, чтобы не рандомизировать имена классов? Или способ выбрать элементы на основе стиля рендеринга (например, font-size: 20px; color: black;)? 

<div tabindex="0" class="styles__Header-sc-120s71t-1 bVobsP">
    <h6 class="jss85xpic jsspbfkgl jssfrl2gs" style="max-width: 100%;">Title</h6>
    <div class="styles__Description-sc-120s71t-2 cilEqp">
        <p class="jss85xpic jsspbfkgl jssou361l" style="max-width: 100%;">Description</p>
    </div>
    <div class="styles__ItemsList-sc-120s71t-3 gyRIpM">
        <div itemscope="" itemtype="http://schema.org/Product" role="button" tabindex="0" class="styles__Wrapper-sc-1xl58bi-2 gKTcIQ" style="max-width: 100%;">
            <div class="styles__FlexContainer-sc-1xl58bi-4 bLvOGI">
                <div class="styles__TextWrapper-sc-1xl58bi-9 liomPZ">
                    <div class="styles__Title-sc-1xl58bi-5 eqysaj">
                        <h3 class="jss85xpic jsspbfkgl jssws5ijf" style="max-width: 100%;"><span itemprop="name">Item 1</span></h3>
                    </div>
               </div>
           </div>
       </div>
   </div>
</div>

1 Ответ

1 голос
/ 27 октября 2019

Если классы действительно рандомизированы каждый раз, я не уверен, что вы могли бы сделать там. А поиск по стилю потребует грубой проверки каждого вычисленного стиля каждого элемента.

Если то, что вы ищете, это способ обойти этот HTML: всегда ли форма согласована? Вы можете использовать комбинацию селекторов тегов, селекторов «непосредственный ребенок» [>] и селекторов «начинается с» [^] (для этих styles__*** классов), чтобы попытаться найти искомые элементы. .

Например: заголовок будет [class^="styles__Header"] > h6. Описание будет [class^="styles__Description"] > p.

...