要查看網站由哪些不同元素組成,或者是測量網頁里各元素的尺寸,您可以使用瀏覽器的元素檢查工具。 每個瀏覽器啟動檢查工具的流程不太相同,接下來我們逐一看看谷歌瀏覽器、火狐、Opera、IE瀏覽器的。
谷歌瀏覽器
只需右鍵按單擊網站的任何區域,在右鍵菜單里選擇檢查/Inspect即可打開,你也可以使用鍵盤快捷鍵:Ctrl+Shift+I。
![chrome inspect - 如何檢查網站元素? 如何檢查網站元素?](https://www.loyseo.cn/wp-content/uploads/2022/03/chrome-inspect.png)
如果要查看網頁里包含的錯誤情況,可以點選元素旁邊的控制台選項卡查看。
![chrome inspect 2 - 如何檢查網站元素? 如何檢查網站元素?](https://www.loyseo.cn/wp-content/uploads/2022/03/chrome-inspect-2.png)
我經常在建外貿網站時,用這個功能來測量頁面上圖片的尺寸。
![chrome inspect image size - 如何檢查網站元素? 如何檢查網站元素?](https://www.loyseo.cn/wp-content/uploads/2022/03/chrome-inspect-image-size.png)
還能類比不同的設備,來瀏覽網站。
![chrome inspect device - 如何檢查網站元素? 如何檢查網站元素?](https://www.loyseo.cn/wp-content/uploads/2022/03/chrome-inspect-device.png)
火狐瀏覽器
同樣,右鍵按下頁面上的空白區域或選擇一個元素,然後選擇Inspect。 此外,您可以使用鍵盤快捷鍵 – Ctrl+Shift+C或Ctrl+Shift+Q。
Opera瀏覽器
使用鍵盤快捷鍵Ctrl+Shift+I或通過右鍵單擊頁面的任何元素,並從菜單中選擇檢查元素。
IE瀏覽器
右鍵按鍵按鍵並選擇檢查元素或按鍵盤上的 F12 。
点赞
Your page rank: