【废】源栈培训:前端:调试神器F12

更多
2020年02月17日 19点43分 作者:叶飞 修改

现代浏览器几乎都内置了调试工具,而且打开的方式都是直接按F12,

可以非常方便的查看当前页面的(以Chrome为例):


HTML元素(Element)

演示:

  • 选中/修改元素
  • 查看/修改CSS


JavaScript代码(Source)

演示:

  • 设置断点
  • 运行调试


网络交互情况(Network)

演示查看:

  • Request和Response
  • Get和Post

  • 缓存


应用(Application)

这个名取得怪怪的,^_^

演示:

  • 查看/删除cookie
  • 查看/修改Local/SessionStorage

此外,还提供了:


控制台(Console)

演示:略


响应式切换(Device)

演示:略


设置

演示:禁用JavaScript


源栈培训 前端 调试
赞: 0 踩: 0

打赏
已收到打赏的 帮帮币

你的 打赏 非常重要!
为了保证文章的质量,每一篇文章的发布,都已经消耗了作者 1 枚 帮帮币
没有“帮帮币”,作者无法发布新的文章。

全系列阅读
评论 / 0

源栈培训:ASP.NET全栈开发

飞哥的源栈培训:线上全程直播,免费收看;线下拎包入住,按周计费。本系列收录所有讲义(含视频录播地址)

未分类

系统自动生成的未分类系列

一锅大杂烩

从律师到包工头,从码农到写手,读书交友生活创业,各种零零碎碎,乱七八糟……

折腾

生命不息,折腾不止。十年青葱岁月,多少辛酸回忆……

周三晚7点

每周星期三晚上七点,哔哩哔哩飞哥和你聊一聊,聊啥都行!谁让飞哥是:黑律师/包工头/老码农/创业狗和段子手……呢,^_^

垃圾桶

学前学后

要不要、能不能、怎么学编程?以及学了之后如何制作、投递简历、面试、职场发展等系列问题

全部
关键字



帮助

反馈