到这个HTML中隐藏的详细页面的链接在哪里？

Question

我在看下面的县法院记录：

​

​

在该显示图像的顶部，您可以看到生成以下内容的搜索工具的URL：

https://www.evaultla.com/Subscriptions/Search/ascension

但它在50美元的付费墙后面。搜索结果中的数据不在“查看源”中，但它们位于DevTools代码检查器中，如图像底部所示。因此，这允许我从结果表中获取数据，除了一件事。

当我单击结果表行中的任何位置时，会弹出一个包含其他详细信息的新页面。例如，如果我在第一行中单击，将得到标题为"Details For 1053380“的页面(也位于付费墙后面)：

https://www.evaultla.com/Subscriptions/detail/ascension/10874511

现在是神秘的部分。该URL末尾的数字"10874511“似乎不在”搜索结果“页面的代码检查器中的任何位置。下面是用于结果表的代码的一部分，第2行到第9行的代码被省略：

<div id="grid-1010-body" data-ref="body" class="x-panel-body x-grid-with-row-lines x-grid-body x-panel-body-default x-panel-body-default x-noborder-rbl" role="presentation" style="left: 0px; width: 661px; height: 385px; top: 110px;">
    <div class="x-grid-view x-grid-with-row-lines x-fit-item x-grid-view-default x-unselectable x-scroller" role="rowgroup" id="gridview-1012" tabindex="0" style="overflow: hidden auto; margin: 0px; width: 661px; height: 384px;" data-componentid="gridview-1012">
        <div class="x-scroller-spacer" role="presentation" id="ext-element-5" style="transform: translate3d(660px, 368px, 0px); line-height: 1px;"></div>
        <div class="x-tab-guard x-tab-guard-after" tabindex="0"></div>
        <div class="x-grid-item-container" role="presentation" style="width: 661px; transform: translate3d(0px, 0px, 0px);">
            <table id="gridview-1012-record-19" role="presentation" data-boundview="gridview-1012" data-recordid="19" data-recordindex="0" class="x-grid-item" style=";width:0" cellspacing="0" cellpadding="0">
                <tbody>
                    <tr class="  x-grid-row" role="row">
                        <td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1013 x-grid-cell-first x-unselectable" style="width:80px;" role="gridcell" tabindex="-1" data-columnid="gridcolumn-1013">
                            <div unselectable="on" class="x-grid-cell-inner " style="text-align:left;">1053380</div></td>
                        <td class="x-grid-cell x-grid-td x-grid-cell-datecolumn-1014 x-unselectable" style="width:90px;" role="gridcell" tabindex="-1" data-columnid="datecolumn-1014">
                            <div unselectable="on" class="x-grid-cell-inner " style="text-align:left;">05/20/2022</div></td>
                        <td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1015 x-unselectable" style="width:70px;" role="gridcell" tabindex="-1" data-columnid="gridcolumn-1015">
                            <div unselectable="on" class="x-grid-cell-inner " style="text-align:left;">COB</div></td>
                        <td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1016 x-unselectable" style="width: 51px;" role="gridcell" tabindex="-1" data-columnid="gridcolumn-1016">
                            <div unselectable="on" class="x-grid-cell-inner " style="text-align:left;">REDEMPTION</div></td>
                        <td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1017 search-partycount x-unselectable" data-partycount="1" style="width: 51px;" role="gridcell" tabindex="-1" data-columnid="gridcolumn-1017">
                            <div unselectable="on" class="x-grid-cell-inner " style="text-align:left;">VINCE DIEZ PROPERTIES INC</div></td>
                        <td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1018 x-unselectable" style="width: 51px;" role="gridcell" tabindex="-1" data-columnid="gridcolumn-1018">
                            <div unselectable="on" class="x-grid-cell-inner " style="text-align:left;">EDENBORNE DEVELOPMENT CO LLC</div></td>
                        <td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1019 x-unselectable" style="width: 103px;" role="gridcell" tabindex="-1" data-columnid="gridcolumn-1019">
                            <div unselectable="on" class="x-grid-cell-inner " style="text-align:left;">TWN/RNG SECT: 45 TWN: 10 RANGE: 3 LOT: TRACT EB-1-A,TRACT EB-1-C,TRACT EB-2,TRACT EB-4-B COMMENT: PARCEL NO. 4541600 </div></td>
                        <td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1020 x-unselectable" style="width:80px;" role="gridcell" tabindex="-1" data-columnid="gridcolumn-1020">
                            <div unselectable="on" class="x-grid-cell-inner " style="text-align:right;">$45,345</div></td>
                        <td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1021 x-grid-cell-last x-unselectable" style="width:85px;" role="gridcell" tabindex="-1" data-columnid="gridcolumn-1021">
                            <div unselectable="on" class="x-grid-cell-inner " style="text-align:left;">&nbsp;</div></td>
                    </tr></tbody></table>
                    
            <table ... </table>
            <table ... </table>
            <table ... </table>
            <table ... </table>
            <table ... </table>
            <table ... </table>
            <table ... </table>
            <table ... </table>
                        
    </div></div>
    <div class="x-component x-border-box x-mask x-component-default" role="progressbar" aria-hidden="true" aria-disabled="false" id="loadmask-1043" tabindex="0" data-componentid="loadmask-1043" style="display: none;" aria-valuetext="Loading...">
        <div id="loadmask-1043-msgWrapEl" data-ref="msgWrapEl" class="x-mask-msg" role="presentation" style="left: 293px; top: 164px;">
            <div id="loadmask-1043-msgEl" data-ref="msgEl" class="x-mask-loading x-mask-msg-inner " role="presentation">
                <div id="loadmask-1043-msgTextEl" data-ref="msgTextEl" class="x-mask-msg-text" role="presentation">Loading...
</div></div></div></div></div>

该代码包含结果表中的数据，但我看不到它提供到另一个页面的链接。我怎样才能找到那个链接的信息？

还有另一个谜团。上面粘贴的代码是通过右键单击上面显示图像中可见的第一个完整div标记获得的，然后单击"Expand“，然后单击"Copy >Expand HTML>”。但是，如果您将图像中的代码与上面粘贴的代码进行比较，您会发现它们并不相同。内容似乎是相同的，但有些属性以不同的顺序出现。例如，在第一个div标记中，属性data-ref="body"在显示图像和粘贴代码中以不同的顺序出现，而在第二个div标记中，属性id="gridview-1012"以不同的顺序出现。我想这并不重要，只是意味着"Copy >“工具不一定保持属性顺序，这一点我以前没有注意到。

现在，在第二个div标记的末尾，在显示图像中有一个按钮"Event"，在粘贴的代码中没有任何对应的按钮。当我单击该按钮，然后单击出现的条带时，将得到一个包含JavaScript函数的部分代码的框：

​

​

function ion(this.doDirectEvent, this, [a, !1])
}
else {
  this.doDirectEvent(a, !1)
}
}, onDirectCaptureEvent: function(a) {
    if (Ext.ele

我在代码检查器中搜索整个结果页面的HTML中的“ion”，但没有匹配。因此，我猜这个函数是在包含的CSS文件中定义的。如果我悬停在框的标题栏上，我会看到该标题是URL的尾部。我看不出有什么方法可以将URL复制到剪贴板上，以便在这里向您展示。我在结果页代码中搜索URL末尾的数字"273196"，但没有得到匹配的结果。我不知道这个“事件”是否与我的问题有关，即如何找到每一行链接到的URL。在结果表的其余代码中没有更多的“事件”按钮。

那么，这段代码如何知道单击该表的一行将显示一个详细信息页？隐藏在哪里的信息显示该页面的URL将是什么？

Answer 1

我认为您正在查看动态加载的内容。

您可以在“开发人员工具”中签入“网络”选项卡。您正在寻找“`xhr”类型的请求。

在Firefox中，您可以通过单击此处来过滤XHR请求：

​

检查所有“XHR”请求的请求和响应，您可能会发现您的信息以JSON或HTML文档的形式返回。

请告诉我们事情进展如何！

我建议您查看这段视频，查看网页抓取动态加载的内容：https://www.youtube.com/watch?v=Pu3gmdWsLYc。

这个视频是为一个名为Scrapy的Python库制作的。我建议你检查一下，如果你要处理网络抓取-这是必须的！

这就是说，视频涵盖了基本知识，而不需要了解Python或Scrapy。