【Chrome web.dev Live 2020总结】第3天第10集:使用Chrome DevTools的“问题”选项卡查找

举报
华为云官网技术团队 发表于 2020/07/23 11:06:43 2020/07/23
【摘要】 ​本文主要讲述了Chrome在Devtool开启了一种新的面板(Issue Pane)能够帮助开发者更加方便地找到问题以及找到修复问题的方法。(笔者版本可能还不够新,所以需要开启实验特性才能添加该面板)

主要讲述了Chrome在Devtool开启了一种新的面板(Issue Pane)能够帮助开发者更加方便地找到问题以及找到修复问题的方法。(笔者版本可能还不够新,所以需要开启实验特性才能添加该面板)

具体操作步骤如下:

1 打开开发者工具,可以在点击齿轮处进入设置,然后再对应的实验特性上开启Issue Pane这个特性:

2 当开启这个Issue pane之后你就可以在你的Devtool去添加Issue面板:

3. 打开该面板后可以看到这里有对该页面的相关问题的描述,以及对应的解决办法的链接跳转帮助开发者解决网站现有的问题。

总结:新增的这个特性主要为了收敛Console面板中的问题,因为Console面板经常会被大量信息冲刷,导致开发者不能很好的发现问题。所以单独把这款问题拧出来作为一个单独面板,提供解决办法去解决开发者信息过滤以及修复问题的入口。

【版权声明】本文为华为云社区用户翻译文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容, 举报邮箱:cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。