揭示如何在 Android 設備上檢查元素的 3 大方法

已發表: 2022-10-12

Inspect 元素允許您偵察基本代碼並在網站上對其進行調試。 對於想要發現錯誤的開發人員和想要下載文件的普通用戶來說,它是有益的。 但是這個檢查元素選項並不對 Android 用戶開放!

根據 Chrome-Developer Tools 的報告,檢查元素是開發人員所需的最基本功能。 開發人員不能總是隨身攜帶他的筆記本電腦,他可能也在 Android 設備上尋找這個檢查元素。

所以,在這篇文章中,我將告訴你如何使用 3 種簡單但有用的方法來檢查 android 上的元素。 在進入這篇文章之前,讓我簡單地告訴你什麼是檢查元素。 檢查元素是各種瀏覽器提供的開發者工具。

它用於查看代碼的特定部分並臨時對其進行編輯。 通過使用此工具,開發人員可以增強網站前端的外觀。 他們所做的更改是臨時的,為了使它們發揮作用,開發人員在代碼編輯器中編輯代碼。

所以,讓我們開始吧!


目錄

在 Android 中檢查元素有什麼用?

檢查一個元素主要向兩個類別提供其功能——開發人員和普通用戶。 開發人員使用此工具只是為了通過使用腳本來讓他們的網站看起來更漂亮。

他們在檢查工具中所做的更改不會影響主代碼,一旦他們重新加載所有內容都是默認設置的。 通過這種方式,開發人員可以嘗試不同的腳本,並製作出最適合的可行腳本。

該檢查工具對於剛上網的普通瀏覽器用戶也有幫助。 通過檢查元素,用戶可以了解創建網站所涉及的編碼語言類型以及使用的不同腳本。

從下載選項不公開的特定站點下載圖像、音頻和視頻也很有幫助。

通過了解如何在 android 上檢查元素,您無需購買筆記本電腦或 PC 即可輕鬆利用上述所有功能。


在 Android 上檢查元素的 3 種最佳方法

在 android 上檢查一個元素並不是一件容易的事。 但是下面列出的 3 種方法確實令人興奮,通過遵循它們,您肯定可以作為 Android 用戶使用檢查工具的功能。

1.在Chrome瀏覽器上添加代碼書籤

書籤是一種 Web 瀏覽器功能,用於在瀏覽器上保存特定 URL。

因此,我們將通過粘貼代碼而不是 URL 來使用此書籤功能。 每當您打開創建的書籤時,都會出現一個檢查功能選項。

要添加此代碼,首先,您需要打開Chrome瀏覽器 > 點擊右上角的更多選項菜單 > 點擊星形圖標 >。

單擊開始圖標後,底部會彈出一個名為“編輯”的選項>只需點擊它即可。

在 Chrome 瀏覽器上添加代碼書籤以在 Android 上檢查元素

轉到編輯面板後,在 URL 部分下,只需粘貼下面給出的代碼並退出頁面。

現在,訪問您選擇的網站,然後在搜索框中搜索您為該元素指定的名稱。

之後,您會在右下角找到齒輪圖標,只需單擊一次,該工具就會開始工作。

javascript:(function () { var script = document.createElement('script'); script.src=”//cdn.jsdelivr.net/npm/eruda”; document.body.appendChild(script); script.onload =函數 () { eruda.init() } })();

2.查看特定網站的源代碼

對於不經常使用chrome書籤功能的人來說,第一個過程有點複雜。

因此,查看您選擇的網站的源代碼,您將獲得與上述檢查工具幾乎相同的外觀。

這種檢查元素的方法可以在您選擇的任何瀏覽器上完成。 第一步是打開您要檢查的網站 > 然後只需轉到 URL 欄並在網站地址之前鍵入“ view-source: ”。

查看特定網站的源代碼以檢查 Android 上的元素

搜索此地址後,您將看到頁面的整個腳本以及與頁面集成的所有必要代碼。 它還將為您提供特定頁面上任何圖像或視頻的下載鏈接。


3. 使用應用程序檢查元素

特定特性或功能的特定應用程序總是使我們的工作更容易。 所以,如果你也有同樣的想法,那麼這個方法肯定會對你有所幫助。

現在我們將看到一個特定的應用程序,它具有對開發人員有用的所有檢查工具功能。

首先,您必須從 Play 商店在您的 android 設備上安裝“ HTML Website Inspector Editor ”。

安裝後,打開它 >搜索您想要的網站 > 單擊屏幕右上角的更多選項圖標。

在 Android 上使用應用程序檢查元素

單擊它後,您會發現列出了許多用於編輯 HTML、頁面源和 JavaScript 的選項。

這與普通檢查工具有點不同,但它以適當的方式安排了所有內容,以使選項易於使用。


學習檢查工具功能!

您現在可能熟悉這些方法,但您可能不知道檢查工具選項中列出的功能。 因此,我將嘗試向您介紹檢查工具選項中可用的各種選項卡和功能的基本概念。

檢查元素時(在桌面上)有兩個圖標可用,第一個選項可幫助您選擇各個部分,第二個選項可讓您檢查頁面響應能力。

在此旁邊,有四個選項卡可用,即元素、控制台、源和網絡。 元素選項卡顯示頁面的所有部分和鏈接。 控制台選項卡主要用於在執行期間查找錯誤。

Sources選項卡列出了通過 Internet 從外部源獲取的各種腳本。 最後,“網絡”選項卡會根據網站上使用的互聯網提供各種列表。

它提供有關瀑布的信息、加載特定文件的時間、文件的大小等。


總結如何在 Android 上檢查元素

開發人員總是需要基本的工具,這些工具甚至可以在 android 而不是桌面上運行。

檢查任何設備中的元素都會得到相同的結果。 但是知道如何在 android 上檢查元素肯定會節省你的時間。

如果您想從網站下載任何圖像,您只需檢查並選擇特定部分。 因此,您將在那裡找到下載鏈接。 在其他文件格式的情況下也是如此。

我希望你發現這篇文章中提供的方法和信息很有幫助。 如果您對在 android 上檢查元素有任何疑問或問題,請隨時在下面的評論中詢問我們。


常見問題解答:如何在 Android 上檢查元素

在 android 上檢查元素對您來說可能是一個有點令人困惑的話題。 所以,為了幫助大家理解,我也給出了一些網上人們常見的問題。