admin管理员组文章数量:1539834
2024年4月23日发(作者:)
文:721
出处:第七基地(
/?mod=viewthread&tid=2978
)
今天想在Discuz!的帖子列表里加一些自己的东西进去,但无奈,自己水
平太菜,打开源代码根本分不清哪块代码对应哪块地方,不知道该把东西
加在哪里,不过手上用的正好是Chrome浏览器,于是“审查元素”功能帮
了大忙。
在网页上除flash以外的其他大多数位置右击,即可调出审查元素的界
面,会显示在浏览器底端。界面上有好几个标签页,下面介绍一下它的一
些功能。
第一个Elements面板,个人觉得是页面布局方面最实用的一项功能,可
以直接以层叠的样式显示出网页的布局,它并不像“查看源代码”那样,显
示出全部的代码,而是只显示
这一类的标签,更直
观的体现出了网页的布局,如果要知道详细内容,还能右击查看该段的源
代码。
选择元素右击,可以马上将光标定位到该段代码的位置,鼠标移到代码
处,网页上还会加深显示改代码在网页上的位置,十分方便,比如我想在
签名图位置上面加上自己的东西,就先找到签名段代码所在的位置。
右侧会显示当前选中项的CSS样式,比较值得注意的是,光标移至其中
的项时,可以通过将右边的勾去掉,来屏蔽掉该项样式,并且即时体现在
网页上,大大方便了对网页布局的调试。
更神奇的是,你还可以双击元素项,实时修改网页上各段的代码,也会
及时体现在网页上,对于查bug相当的方便。
最下面还有一块可以显示网页的嵌套关系,类似dreamweaver代码框下
版权声明:本文标题:Chrome浏览器“审查元素”功能,网页制作好帮手 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://m.elefans.com/dongtai/1713832240a373604.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
更多相关文章
xp系统安装系统html,不用装系统 在线体验网页版WINDOWS 7等.doc
不用装系统 在线体验网页版WINDOWS 7等 Windows 7发布已经有不少天了,相信由于种种原因,目前还有相当一部分用户还没用上这款强大的操作系统,那好
考虑分布式电源运行特性的有源配电网智能软开关SOP规划方法【IEEE33节点】(Matlab代码实现)
👨🎓个人主页:研学社的博客 💥💥💞💞欢迎来到本博客❤️❤️&#
coreldraw2023永久免费序列号激活代码
亲爱的设计小伙伴们,你们有没有遇到过因为软件功能不够强大而让创意受限的尴尬情况?别担心,今天我要给大家安利一款强大的设计工具——CorelDRAW 2023ÿ
像Selenium爬网页一样爬手机App,可见即可爬——appium 教程(一)appium安装windows版
有一个博主写到:“学习appium最大的难处在于环境的安装,80%的人死于环境安装,然后就没然后了,10%的人被环境折腾一周以上,
360html怎么保存,360浏览器网页怎么保存电脑桌面上
把个人喜欢的网页保存到桌面,下次直接进入网页就十分便捷了,以下就是网页保存到桌面的几种方法: 方法一: 1、打开360浏览器,选择
利用Adobe Photoshop 2021生成SVG代码
利用Adobe Photoshop 2021生成字母C的SVG代码 <svg xmlns"http:www.w32000svg" width"1331" height"1527
uniapp+Thinkphp5实现微信小程序手机号一键登录全流程(附前后端代码及详细解释)
实现微信小程序手机号一键登录的流程主要包括以下几个步骤:用户授权、获取手机号码、后端验证与注册登录处理。这里将结合uni-app作为前端框架和ThinkPHP5作为后端框架来详细介绍这一过程,并
自动点击,免写代码一键制作手机脚本!神器推荐!
后台看见有朋友私信,说弄个点击助手,刚好自己也用过几款,挑一个分享给大家叭,这玩意还是很强大的,可以让你自动刷视频,自动点击抢红包,自动评论引流,给你心爱的主播无限点击小心心等等等!反正各种实用,总之就是模拟人工,解放
制作启动U盘出现错误代码:0xC1800103 - 0x90002
按照网上各种方案(删除电脑文件等)都尝试过无效,最后发现是U盘问题。U盘格式化的时候,去掉快速格式化选项,时间虽然慢一些&
网页乱码原因查看
1、浏览器编码检查 以谷歌浏览器为例 不添加插件:F12--控制台输入document.charset 查看网页源码编码方式,看是否同步,不同步需修改浏览器编码&
Python自动化测试系列[v1.0.0][元素定位]
用通俗的方式描述自动化测试那就是用代码控制页面上的控件来完成测试任务,要控制它就要知道它在哪,于是必须要定位它,定位到它之后把它封装成对象,成为对象后它
谷歌浏览器调试手机app内置网页
当自己的H5项目内置于手机app内时,遇到了样式问题或者想查看H5页面代码、数据交互以及缓存等情况来检查数据,此时可以使用谷歌浏览器的控制台远程调试手机,步骤如下&#
谷歌浏览器获取网页元素的xpath
总述: 一开始接触爬虫的时候,一个元素的定位能让我纠结半天。定位有很多种,我觉得最好用的是xpath,在这里分享一个用谷歌浏览器自动定位元素的tric
解决win7系统打开谷歌浏览器(Google Chrome)第一个网页加载慢的问题
经历了N久的折磨,谷歌浏览器打开第一个网页慢的问题终于解决啦。现在分享给大家。 现象: 1、浏览器打开第一个网页比较慢(大概10秒钟)。 2、任务管理器
java 调用webDriver实现访问网页(谷歌浏览器)
首先下载 谷歌浏览器 ,及谷歌浏览器webDriver ,两个版本要对应上, 版本对应关系如下: 如果版本对应不对的话,就会出现下面的情况&#x
计算机蓝屏代码0x000000ED,电脑开机蓝屏代码为0x000000ED怎么解决?
计算机开机出现蓝屏代码STOP(停止):0x000000ED,不能进入操作系统。如何解决蓝屏代码为0x000000ED电脑蓝屏问题呢? 1、左键双击:蓝
计算机蓝屏代码0x0000007b,开机出现蓝屏代码0X0000007B原因分析及解决方法
使用电脑的朋友,出现电脑蓝屏实在是让人难己排查,有些蓝屏出现后有相关文件提示,比如说xxx.sys之类的提示,我们可以根据提示查找什么导致蓝屏&
win7电脑一开机就蓝屏怎么回事?常见蓝屏代码
win7电脑在使用过程中经常会遇到一开机就蓝屏的电脑故障,很多人对这种情况不知所措。那么当win7电脑一开机就蓝屏出现的时候怎么解决呢?下面小编就教下大家win7电脑开机蓝屏进不去的解决方法。 1
台式计算机蓝屏代码08e,Win8.1电脑开机出现蓝屏代码0x000008e如何解决
电脑蓝屏故障时我们常见的问题,很多用户已经无所畏惧了,基本都可以解决,但还是会碰到一些比较棘手的无法解决。比如有win8.1系统用户电脑开机的时候遇到蓝屏࿰
c语言让系统蓝屏,0x000000116,教您解决电脑蓝屏代码0x000000116
我们知道电脑使用不当会导致蓝屏甚至无法启动,而原因有很多,像常见的硬件之间不兼容,软件之间不兼容等,针对不同原因导致的电脑蓝屏,解
推荐文章
热门文章
如何获取QQ邮箱授权码?
1天前BIOS与UEFI之间的区别
21小时前windows下如何配置环境变量?
20小时前一键切换手机WIFI代理
18小时前
最新文章
asus路由器无线桥接模式设置
7分钟前如何设置双路由器,图文详解
11分钟前多层路由器端口映射设置
2分钟前华为路由器如何设置静态路由
7分钟前怎么重置苹果路由器
10分钟前网件路由器优化设置
13分钟前项目13 路由器与网桥的设置
11分钟前小米手机肿么还原时钟
1月前15000流明是多少瓦
1月前一般普通投影机功率多大?
1月前坚果V9投影机具体参数?
1月前80后90后_高一作文
1月前ZXMVC8900(V3
1月前
发表评论