网页浏览器Chrome开发者调试工具-Elements(元素)

合集 - 网页浏览器Chrome开发者调试工具(检查)(7)
1.网页浏览器Chrome开发者调试工具-介绍2.网页浏览器Chrome开发者调试工具-Performance(性能)3.网页浏览器Chrome开发者调试工具-Console(控制台)
4.网页浏览器Chrome开发者调试工具-Elements(元素)
5.网页浏览器Chrome开发者调试工具-Memory(内存)6.网页浏览器Chrome开发者调试工具-Application(应用程序)7.网页浏览器Chrome开发者调试工具-Source(源代码)
收起

前言全局说明

网页浏览器Chrome开发者调试工具-Elements(元素)


一、Elements(元素)

网页内容都是以元素为单位，比如一行字等等


二、页面选择元素

在页面上想要查看源码的地方，鼠标右键-审查，就能打开源码对应位置。


三、元素工具

打开审查页面后，在工具左上角点击后，就可以在页面选择要想要查看元素的源码了
（选中的会变蓝色背景）

快捷键： Ctrl + Shift + C

image


四、关闭标签页

在标签页上右键，可以选择移除或移动到快速视图栏


免责声明：本号所涉及内容仅供安全研究与教学使用，如出现其他风险，后果自负。



参考、来源：



posted @   悟透  阅读(458)  评论(0)  编辑  收藏  举报
相关博文：
· 网页浏览器Chrome开发者调试工具-Source(源代码)
· 网页浏览器Chrome开发者调试工具-Network(网络)
· 不常见但很有用的chrome调试工具使用方法
· 使用 Chrome 开发者工具进行 JavaScript 问题定位与调试
· 关于浏览器调试工具
阅读排行：
· 全程不用写代码，我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布：重大改进与新特性概览！
点击右上角即可分享
微信分享提示
AI FOR CODE 大赛