该HTML中隐藏的详细信息页面的链接在哪里?

发布于 2025-02-10 14:32:54 字数 7321 浏览 1 评论 0原文

我正在查看以下县法院记录:

“搜索结果页”

在该显示映像的顶部,您可以看到产生此产品的搜索设施的URL:

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

但是它是$ 50的付费墙。搜索结果中的数据在“查看源”中找不到,但是它们在DevTools Code Inspector中,如图像底部所示。因此,这使我可以从结果表中获取数据,除了一件事。

当我在结果表的一行中单击任何地方时,将拔出一个新页面,其中包含其他详细信息。例如,如果我在第一行中单击,我将获得一个页面,上面有一个标题为“ 1053380的详细信息”(也在付费墙后面):

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

现在是神秘的部分。该URL末尾的“ 10874511”末尾的数字似乎在搜索结果页面的代码检查器中的HTML中没有任何位置。这是结果表的该代码的一部分,其中第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标签获得的,然后单击“展开全部”,然后单击“复制&gt; ofter&gt; ofter html&gt;”。但是,如果将图像中的代码与上面粘贴的代码进行比较,则可以看到它们并不相同。内容似乎是相同的,但是某些属性以不同的顺序出现。例如,在第一个Div标签中,属性data-ref =“ body”以不同的顺序出现在显示图像和粘贴的代码中,在第二个DIV标签中,属性<代码> id =“ GridView-1012” 以不同的顺序出现。我想这并不重要,只是意味着“副本&gt;外部HTML”设施不一定保留属性顺序,我以前从未注意到。

现在,在第二个DIV标签的末尾,在显示图像中有一个按钮“事件”,在粘贴的代码中没有与之对应。当我单击按钮然后单击出现的条带时,我将获得一个包含JavaScript函数的代码的框:

“

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

我在html中搜索了“ html”(整个html)结果页面中没有匹配,因此我猜该功能是在包含的CSS文件中定义的不要看到将该URL复制到剪贴板上的方法,以便在此处向您展示。 “事件”是否与我的问题有关,如何找到每个行链接到的URL。

t知道这个 代码知道,单击该表的一排应该列出详细信息页面?隐藏的信息在哪里说出该页面的网址将是什么?

I'm looking at the following county court record:

Search results page

At the top of that display image, you can see the URL of the search facility that produced this:

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

but it's behind a $50 paywall. The data in the search results are not found in "View Source", but they are in the DevTools code inspector, as seen at the bottom of the image. So that allows me to get the data from the results table, except for one thing.

When I click anywhere in a row of the results table, that pulls up a new page with additional details. For example, if I click in the first row, I get a page with the title "Details for 1053380" at (also behind the paywall):

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

Now here's the mysterious part. The number at the end of that URL, "10874511", does not appear to be anywhere in the HTML in the code inspector for the search results page. Here is the part of that code for the results table, with the code for rows 2 through 9 elided:

<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;"> </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>

That code contains the data in the results table, but I don't see anywhere that it provides a link to another page. How can I find the information for that link?

And here's another mystery. The code pasted above was obtained by right-clicking on the first full div tag visible in the display image above, then clicking on "Expand All", then "Copy > Outer HTML>". But if you compare the code in the image with the code pasted above, you can see that they're not identical. The content appears to be the same, but some of the attributes appear in a different order. For example, in the first div tag, the attribute data-ref="body" appears in a different order in the display image and in the pasted code, and in the second div tag, the attribute id="gridview-1012" appears in a different order. I guess that's not significant, and just means that the "Copy > Outer HTML" facility doesn't necessarily preserve attribute order, which I haven't noticed before.

Now, at the end of that second div tag, in the display image there's a button, "Event", with nothing corresponding to it in the pasted code. When I click on the button and then click in the strip that comes up, I get a box containing part of the code for a JavaScript function:

Event function

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

I searched for "ion(" in the the HTML for the whole results page in the code inspector and there were no matches. So I guess this function is defined in an included CSS file. If I hover over the header bar of the box, I see that that header is the tail end of a URL. I don't see a way to copy that URL to the clipboard in order to show it to you here. I searched the results page code for the number at the end of the URL, "273196", and got no matches. I don't know if anything about this "Event" is relevant to my question of how to find the URLs that each row links to. There are no more "Event" buttons in the rest of the code of the results table.

So, how does this code know that clicking on a row of that table should bring up a details page? And where is the information hidden that says what the URL of that page will be?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

装纯掩盖桑 2025-02-17 14:32:54

我认为您正在寻找动态加载的内容。

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

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

检查所有'XHR'请求的请求和响应,您可能会找到返回的信息,作为JSON或HTML文档。

请让我们知道情况如何!

我建议您查看此视频,以获取动态加载的内容: https://www.youtube .com/watch?v = pu3gmdwslyc

该视频适用于一个名为Scrapy的Python库。
我建议您检查一下,如果您要处理网络剪接 - 这是必须的!

这说明您的视频涵盖了基础知识,而无需了解Python或scrapy。

I think you are looking at a Dynamically loaded content.

You can check in the Network tab in the Developer Tools.
You are looking for a request of type `xhr.

In Firefox you can filter the XHR requests by clicking here:
enter image description here

Check the requests and responses for all the 'XHR' requests, you will probably find your information returned there as a JSON or an HTML document.

Please let us know how it goes!

I suggest you check out this video for web-scraping dynamically loaded content: https://www.youtube.com/watch?v=Pu3gmdWsLYc

The video is for a Python library called Scrapy.
I suggest you check it out if you are to deal with web-scraping - it is a must!

That said you the video covers the basics without the need to know Python or Scrapy.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文