小時
分鐘
Cloudways 主機獨家優惠:贈金20$+3個月7折,點此前往註冊,才可獲取贈金
專注於企業網站架設,分享WordPress教學和Elementor教學

如何檢查網站元素?

更新日期:2022-05-01
加入讀者學習群
我用的頁面編輯器
讓我的客戶網站GTmetrix測分A\A的主機Cloudways
獨家優惠前3個月7折,戳上方按鈕註冊即可自動帶入優惠碼LOYSEO
所贈主題外掛價值多為$49+
主機送Astra Pro不限站點1年
用Gmail郵箱,註冊易通過
遇到問題,聯繫我
來開通SEO工具20+

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

Bonnie
Bonnie

Bonnie是LOYSEO的創始人,熱愛能將想法變為現實的WordPress,更是Elementor的忠實用戶~

發表回复

您的電子郵箱地址不會被公開。 必填項已用*標註

架設網站學習交流群