云社区 博客 博客详情
云社区 博客 博客详情

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

华为云官网技术团队 发表于 2020-07-23 11:06:43 07-23 11:06
华为云官网技术团队 发表于 2020-07-23 11:06:43 2020/07/23
0
0

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

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

具体操作步骤如下:

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

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

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

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

登录后可下载附件,请登录或者注册

【版权声明】本文为华为云社区用户翻译文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件至:huaweicloud.bbs@huawei.com进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容。
评论文章 //点赞 收藏 0
点赞
分享文章到微博
分享文章到朋友圈

评论 (0)


0/1000
评论

登录后可评论,请 登录注册

评论

您还没有写博客的权限!

温馨提示

您确认删除评论吗?

确定
取消
温馨提示

您确认删除评论吗?

删除操作无法恢复,请谨慎操作。

确定
取消
温馨提示

您确认删除博客吗?

确定
取消

确认删除

您确认删除博客吗?

确认删除

您确认删除评论吗?

温馨提示

登录超时或用户已下线,请重新登录!!!

确定
取消