小时
分钟
Cloudways 主机独家优惠:赠金20$+3个月7折,点此前往注册,才可获取赠金
专注于外贸建站,分享WordPress教程和Elementor教程

如何检查网站元素?

更新日期:2022-05-01
加入读者学习群
我用的页面编辑器
让我的客户网站GTmetrix测分A\A的主机Cloudways
独家优惠前3个月7折, 戳上方按钮注册即可自动带入优惠码LOYSEO
所赠主题插件价值多为$49+
主机送Astra Pro不限站点1年
用Gmail邮箱,注册易通过
遇到问题,联系我

要查看网站由哪些不同元素组成,或者是测量网页里各元素的尺寸,您可以使用浏览器的元素检查工具。每个浏览器启动检查工具的流程不太相同,接下来我们逐一看看谷歌浏览器、火狐、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:

建站学习交流群