admin管理员组

文章数量:1539834

2024年4月23日发(作者:)

文:721

出处:第七基地(

/?mod=viewthread&tid=2978

今天想在Discuz!的帖子列表里加一些自己的东西进去,但无奈,自己水

平太菜,打开源代码根本分不清哪块代码对应哪块地方,不知道该把东西

加在哪里,不过手上用的正好是Chrome浏览器,于是“审查元素”功能帮

了大忙。

在网页上除flash以外的其他大多数位置右击,即可调出审查元素的界

面,会显示在浏览器底端。界面上有好几个标签页,下面介绍一下它的一

些功能。

第一个Elements面板,个人觉得是页面布局方面最实用的一项功能,可

以直接以层叠的样式显示出网页的布局,它并不像“查看源代码”那样,显

示出全部的代码,而是只显示

这一类的标签,更直

观的体现出了网页的布局,如果要知道详细内容,还能右击查看该段的源

代码。

选择元素右击,可以马上将光标定位到该段代码的位置,鼠标移到代码

处,网页上还会加深显示改代码在网页上的位置,十分方便,比如我想在

签名图位置上面加上自己的东西,就先找到签名段代码所在的位置。

右侧会显示当前选中项的CSS样式,比较值得注意的是,光标移至其中

的项时,可以通过将右边的勾去掉,来屏蔽掉该项样式,并且即时体现在

网页上,大大方便了对网页布局的调试。

更神奇的是,你还可以双击元素项,实时修改网页上各段的代码,也会

及时体现在网页上,对于查bug相当的方便。

最下面还有一块可以显示网页的嵌套关系,类似dreamweaver代码框下

本文标签: 代码网页元素显示

更多相关文章

xp系统

安装系统html,不用装系统 在线体验网页版WINDOWS 7等.doc

1天前

不用装系统 在线体验网页版WINDOWS 7等 Windows 7发布已经有不少天了,相信由于种种原因,目前还有相当一部分用户还没用上这款强大的操作系统,那好&#xf

考虑分布式电源运行特性的有源配电网智能软开关SOP规划方法【IEEE33节点】(Matlab代码实现)

1天前

👨‍🎓个人主页:研学社的博客  💥💥💞💞欢迎来到本博客❤️❤️&#

coreldraw2023永久免费序列号激活代码

1天前

亲爱的设计小伙伴们,你们有没有遇到过因为软件功能不够强大而让创意受限的尴尬情况?别担心,今天我要给大家安利一款强大的设计工具——CorelDRAW 2023&#xff

像Selenium爬网页一样爬手机App,可见即可爬——appium 教程(一)appium安装windows版

1天前

有一个博主写到:“学习appium最大的难处在于环境的安装,80%的人死于环境安装,然后就没然后了,10%的人被环境折腾一周以上,

360html怎么保存,360浏览器网页怎么保存电脑桌面上

23小时前

把个人喜欢的网页保存到桌面,下次直接进入网页就十分便捷了,以下就是网页保存到桌面的几种方法: 方法一: 1、打开360浏览器,选择

利用Adobe Photoshop 2021生成SVG代码

19小时前

利用Adobe Photoshop 2021生成字母C的SVG代码 <svg xmlns"http:www.w32000svg" width"1331" height"1527

uniapp+Thinkphp5实现微信小程序手机号一键登录全流程(附前后端代码及详细解释)

18小时前

实现微信小程序手机号一键登录的流程主要包括以下几个步骤&#xff1a;用户授权、获取手机号码、后端验证与注册登录处理。这里将结合uni-app作为前端框架和ThinkPHP5作为后端框架来详细介绍这一过程&#xff0c;并

自动点击,免写代码一键制作手机脚本!神器推荐!

18小时前

后台看见有朋友私信,说弄个点击助手,刚好自己也用过几款,挑一个分享给大家叭,这玩意还是很强大的,可以让你自动刷视频,自动点击抢红包,自动评论引流,给你心爱的主播无限点击小心心等等等&#xff01;反正各种实用,总之就是模拟人工,解放

制作启动U盘出现错误代码:0xC1800103 - 0x90002

17小时前

按照网上各种方案&#xff08;删除电脑文件等&#xff09;都尝试过无效&#xff0c;最后发现是U盘问题。U盘格式化的时候&#xff0c;去掉快速格式化选项&#xff0c;时间虽然慢一些&

网页乱码原因查看

13小时前

1、浏览器编码检查 以谷歌浏览器为例 不添加插件&#xff1a;F12--控制台输入document.charset 查看网页源码编码方式&#xff0c;看是否同步&#xff0c;不同步需修改浏览器编码&

Python自动化测试系列[v1.0.0][元素定位]

13小时前

用通俗的方式描述自动化测试那就是用代码控制页面上的控件来完成测试任务&#xff0c;要控制它就要知道它在哪&#xff0c;于是必须要定位它&#xff0c;定位到它之后把它封装成对象&#xff0c;成为对象后它

谷歌浏览器调试手机app内置网页

11小时前

当自己的H5项目内置于手机app内时&#xff0c;遇到了样式问题或者想查看H5页面代码、数据交互以及缓存等情况来检查数据&#xff0c;此时可以使用谷歌浏览器的控制台远程调试手机&#xff0c;步骤如下&#

谷歌浏览器获取网页元素的xpath

11小时前

总述&#xff1a; 一开始接触爬虫的时候&#xff0c;一个元素的定位能让我纠结半天。定位有很多种&#xff0c;我觉得最好用的是xpath&#xff0c;在这里分享一个用谷歌浏览器自动定位元素的tric

解决win7系统打开谷歌浏览器(Google Chrome)第一个网页加载慢的问题

10小时前

经历了N久的折磨&#xff0c;谷歌浏览器打开第一个网页慢的问题终于解决啦。现在分享给大家。 现象&#xff1a; 1、浏览器打开第一个网页比较慢&#xff08;大概10秒钟&#xff09;。 2、任务管理器

java 调用webDriver实现访问网页(谷歌浏览器)

10小时前

首先下载 谷歌浏览器 &#xff0c;及谷歌浏览器webDriver ,两个版本要对应上&#xff0c; 版本对应关系如下&#xff1a; 如果版本对应不对的话&#xff0c;就会出现下面的情况&#x

计算机蓝屏代码0x000000ED,电脑开机蓝屏代码为0x000000ED怎么解决?

1小时前

计算机开机出现蓝屏代码STOP(停止)&#xff1a;0x000000ED&#xff0c;不能进入操作系统。如何解决蓝屏代码为0x000000ED电脑蓝屏问题呢&#xff1f; 1、左键双击&#xff1a;蓝

计算机蓝屏代码0x0000007b,开机出现蓝屏代码0X0000007B原因分析及解决方法

1小时前

使用电脑的朋友&#xff0c;出现电脑蓝屏实在是让人难己排查&#xff0c;有些蓝屏出现后有相关文件提示&#xff0c;比如说xxx.sys之类的提示&#xff0c;我们可以根据提示查找什么导致蓝屏&

win7电脑一开机就蓝屏怎么回事?常见蓝屏代码

1小时前

win7电脑在使用过程中经常会遇到一开机就蓝屏的电脑故障&#xff0c;很多人对这种情况不知所措。那么当win7电脑一开机就蓝屏出现的时候怎么解决呢&#xff1f;下面小编就教下大家win7电脑开机蓝屏进不去的解决方法。 1

台式计算机蓝屏代码08e,Win8.1电脑开机出现蓝屏代码0x000008e如何解决

1小时前

电脑蓝屏故障时我们常见的问题&#xff0c;很多用户已经无所畏惧了&#xff0c;基本都可以解决&#xff0c;但还是会碰到一些比较棘手的无法解决。比如有win8.1系统用户电脑开机的时候遇到蓝屏&#xff0

c语言让系统蓝屏,0x000000116,教您解决电脑蓝屏代码0x000000116

1小时前

我们知道电脑使用不当会导致蓝屏甚至无法启动&#xff0c;而原因有很多&#xff0c;像常见的硬件之间不兼容&#xff0c;软件之间不兼容等&#xff0c;针对不同原因导致的电脑蓝屏&#xff0c;解

发表评论

全部评论 0
暂无评论