我正在查看以下縣法院記錄：
在該顯示影像的頂部，您可以看到生成此影像的搜索工具的 URL：
https://www.evaultla.com/Subscriptions/Search/ascension
但它背后有 50 美元的付費墻。搜索結果中的資料不在“查看源代碼”中，但它們在 DevTools 代碼檢查器中，如圖底部所示。這樣我就可以從結果表中獲取資料，除了一件事。
當我單擊結果表一行中的任意位置時，會彈出一個包含更多詳細資訊的新頁面。例如，如果我點擊第一行，我會得到一個標題為“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;"> </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 標記，然后單擊“全部展開”，然后單擊“復制 > 外部 HTML>”來獲得的。但是如果您將影像中的代碼與上面粘貼的代碼進行比較，您會發現它們并不相同。內容看似相同，但某些屬性出現的順序不同。例如，在第一個 div 標簽中，屬性data-ref="body"在顯示影像和粘貼代碼中的出現順序不同，而在第二個 div 標簽中，屬性id="gridview-1012"出現的順序不同。我想這并不重要，只是意味著“復制 > 外部 HTML”工具不一定保留屬性順序，這是我以前沒有注意到的。
現在，在第二個 div 標記的末尾，顯示影像中有一個按鈕“事件”，在粘貼的代碼中沒有任何對應的內容。當我單擊按鈕，然后單擊出現的條帶時，我得到一個包含 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 將是什么的隱藏資訊在哪里？
uj5u.com熱心網友回復：
我認為您正在查看動態加載的內容。
您可以在開發人員工具中查看網路選項卡。您正在尋找型別為 `xhr.
在 Firefox 中，您可以通過單擊此處過濾 XHR 請求：
檢查所有“XHR”請求的請求和回應，您可能會發現您的資訊以 JSON 或 HTML 檔案的形式回傳。
請告訴我們進展如何！
我建議您查看此視頻以了解網路抓取動態加載的內容：https ://www.youtube.com/watch?v=Pu3gmdWsLYc
該視頻適用于名為 Scrapy 的 Python 庫。如果您要處理網路抓取，我建議您檢查一下 - 這是必須的！
也就是說，您的視頻涵蓋了基礎知識，無需了解 Python 或 Scrapy。
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/496237.html