该页面翻译自 Google Chrome Extensions 与 Google Chrome Apps。除非特别说明,该页面的内容遵循 Creative Commons Attribution 3.0 License,代码示例遵循 BSD License。
描述: |
使用 chrome.experimental.devtools.audits API 向开发者工具的审计面板中添加新的审计类别。
|
可用版本: |
实验性(参见如何使用实验性 API)。
|
有关使用开发者工具 API 的一般信息请参见开发者工具 API 概述。
在 Audits(审计)面板中,Select audits to run 下面每一行代表一个审计类别。如下例子添加名为 Readability(可读性)的类别:
var category = chrome.experimental.devtools.audits.addCategory("Readability", 2);
如果选中类别旁边的复选框,则那一类别的
onAuditStarted
事件将会在用户单击
Run(运行)按钮时产生。
您的扩展程序中的事件处理函数接受类型为 AuditResults
的参数,并且应该使用 addResult()
方法添加一个或多个结果。这可以异步地进行,即在事件处理函数返回后。一旦扩展程序使用
addCategory()
添加的结果数量达到声明的值时,或者调用
AuditResults
的 done()
方法后,就认为这一类别的审计已经运行完毕。
结果可以包含额外的详情,通过审计面板中可展开的树的形式展现。您可以使用
createResult()
和 addChild()
方法建立包含细节的树,子节点可以包含由
auditsResults.createSnippet()
和
auditResults.createURL()
方法创建的具有特殊格式的片段。
如下例子为 onAuditStarted 事件添加一个处理函数,创建两个审计结果,并为其中一个展现额外的详情:
category.onAuditStarted.addListener(function(results) { var details = results.createResult("Details..."); var styles = details.addChild("2 styles with small font"); var elements = details.addChild("3 elements with small font"); results.addResult("Font Size (5)", "5 elements use font size below 10pt", results.Severity.Severe, details); results.addResult("Contrast", "Text should stand out from background", results.Severity.Info); });
以上片段产生的审计结果树如下图所示:
您可以在示例中找到使用这一 API 的更多例子。
如果一种类别已启用,当审计开始时将产生这一事件。事件处理函数应该开始审计逻辑的执行,最终产生 results
集合。
createResult()
或者 addChild()
。参见 AuditResults.createSnippet 和 AuditResults.createURL。
添加审计结果。结果会在与 AuditResults
对象关联的审计类别下,以带有项目符号的项目呈现。
创建结果节点,可以用于 addResult()
方法的 details
参数。
通知开发者工具的审计面板,这一类别的审计已经结束。审计的运行也会在已添加的顶层结果的数目等于创建 AuditCategory 时声明的值时自动结束。
向这一节点添加子节点。