專注於架設企業網站,分享WordPress教學和Elementor教學

如何檢查網站元素?

更新日期:2023-08-25
本系列教學
加入讀者學習群
我用的頁面編輯器
讓我的客戶網站GTmetrix測分A\A的主機Cloudways
獨家優惠前3個月7折, 戳上方按鈕註冊即可自動帶入優惠碼LOYSEO
所贈主題外掛程式價值>$49
主機送Astra Pro不限網站1年
gmail.comsina.com 郵箱,註冊易通過
遇到問題,聯繫我

要查看網站由哪些不同元素組成,或者是測量網頁里各元素的尺寸,您可以使用瀏覽器的元素檢查工具。 每個瀏覽器啟動檢查工具的流程不太相同,接下來我們逐一看看谷歌瀏覽器、火狐、Opera、IE瀏覽器的。

谷歌瀏覽器

只需右鍵按單擊網站的任何區域,在右鍵菜單里選擇檢查/Inspect即可打開,你也可以使用鍵盤快捷鍵:Ctrl+Shift+I

如何檢查網站元素?

如果要查看網頁里包含的錯誤情況,可以點選元素旁邊的控制台選項卡查看。

如何檢查網站元素?

我經常在建外貿網站時,用這個功能來測量頁面上圖片的尺寸。

如何檢查網站元素?

還能類比不同的設備,來瀏覽網站。

如何檢查網站元素?

火狐瀏覽器

同樣,右鍵按下頁面上的空白區域或選擇一個元素,然後選擇Inspect。 此外,您可以使用鍵盤快捷鍵 – Ctrl+Shift+C或Ctrl+Shift+Q

Opera瀏覽器

使用鍵盤快捷鍵Ctrl+Shift+I或通過右鍵單擊頁面的任何元素,並從菜單中選擇檢查元素。

IE瀏覽器

右鍵按鍵按鍵並選擇檢查元素或按鍵盤上的 F12 。

点赞

0 / 5 0

Your page rank:

Picture of 外貿建站技術姐Bonnie
外貿建站技術姐Bonnie

Bonnie是LOYSEO的創始人,在建站領域有著超過14年的經驗,熱愛能將想法變為現實的WordPress,更是Elementor的忠實使用者~

LOYSEO
讓我的客戶網站GTmetrix測分A\A的主機Cloudways
獨家優惠前3個月7折, 戳上方按鈕註冊即可自動帶入優惠碼LOYSEO
所贈主題外掛程式價值>$49
主機送Astra Pro不限網站1年
gmail.comsina.com 郵箱,註冊易通過
遇到問題,聯繫我