反转网页上 CSS 样式的缩小/混淆

Question

网页有时具有混淆/缩小的 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>

Answer 1

如果每次课程都真正随机化，我不确定您可以在那里做什么。并且通过样式搜索需要蛮力检查每个元素的计算样式。

如果您正在寻找一种遍历此 HTML 的方法：形状是否始终一致？您可以使用标签选择器、“直接子”选择器 [>] 和“开头”选择器 [^]（对于那些 styles__*** 类）的组合来尝试找到您正在寻找的元素.

例如：标题为[class^="styles__Header"] > h6。描述为[class^="styles__Description"] > p。