开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

社区首页 >专栏 >Chrome开发者工具的一些标签页功能

Chrome开发者工具的一些标签页功能

作者头像

韩旭051

发布于 2020-06-23 15:11:58

4690

发布于 2020-06-23 15:11:58

举报

文章被收录于专栏：刷题笔记

以下是Chrome开发者工具的一些标签页功能，大家可以先粗略的了解一下，尤其是Element标签我们会经常用到哦。

Device Mode	你可以用来检查网页是否是响应式的，是否兼容其他不同分辨率的手机
Element 标签页	用于查看和编辑当前页面中的 HTML 和 CSS 元素；
Network 标签页	用于查看 HTTP 请求的详细信息，如请求头、响应头及返回内容等
Source 标签页	用于查看和调试当前页面所加载的脚本的源文件
TimeLine 标签页	用于查看脚本的执行时间、页面元素渲染时间等信息
Profiles 标签页	用于查看 CPU 执行时间与内存占用等信息
Resource 标签页	用于查看当前页面所请求的资源文件，如 HTML，CSS 样式文件等
Audits 标签页	用于优化前端页面，加速网页加载速度等。
Console 标签页	用于显示脚本中所输出的调试信息，或运行测试脚本等。

开发者工具基础：安装成功Chrome浏览器之后，使用Chrome打开一个网页，然后知道如何打开开发者工具；点击Chrome浏览器的工具栏的各个标签，粗略了解每个标签页的作用。

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2020/03/18 ，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

0 条评论

热度

最新

LV.

相关产品与服务

云开发 CLI 工具

云开发 CLI 工具（Cloudbase CLI Devtools，CCLID）是云开发官方指定的 CLI 工具，可以帮助开发者快速构建 Serverless 应用。CLI 工具提供能力包括文件储存的管理、云函数的部署、模板项目的创建、HTTP Service、静态网站托管等，您可以专注于编码，无需在平台中切换各类配置。

精选特惠用云无忧