使用 Chrome 開發者工具檢視 DOM 來源

Question

我無法弄清楚如何使用 Chrome 開發人員工具查看以下網頁的 DOM 來源：

https://www.nseindia.com/corporates/corporateHome.html?id=eqFinResults

我有興趣從頁面上的表格中抓取條目（即具有列名稱的表格）符號、公司、...、XBRL 檔案名稱、狀態）。

我嘗試了各種選擇，包括：

1. 查看頁面原始碼
2. 查看框架來源
3. 突出顯示表中的一行並選擇檢查
4. 反白整個頁面（Ctrl+A）並選擇檢查

Answer 1

在 DevTools 中，按一下箭頭圖標 ，然後按一下元素（符號等）。

您將看到在 DevTools 中選擇了它的來源。您可以右鍵單擊並複製它。

對於符號，這將如下所示：

<div class="x-grid3-hd-inner x-grid3-hd-Company" unselectable="on" style="" id="ext-gen119">Symbol<img class="x-grid3-sort-icon" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></div>

但是，這對您沒有多大幫助，因為您需要複製 CSS 程式碼，這是一個更複雜的操作。