Javascript学习

通过WebInspectorAudit访问JavaScript
data-domNodes: 这是结果DOM节点如何显示的示例, 它将于元素一起传递
DOM节点:

<body>
  <div class=“content-container”>
     <div class=“error-container”>
       <div class=“text-container”>
         <!– –  Main title here.   – –>
           <p class=“error-title”> </p>
           </div>
           <div class=“text-containter”>
             <!– –  Error message here.  – –>
             <p class=“Error-message”> </p>
             </div>
           </div>
         </div>
       </div>
     </body>
  • data-domAttributes : 这是DOM属性如何在任何返回的DOM节点中高亮显示的实例。它将与包含id属性的所有元素一起传递。
configurable enumerable writable
  domAttributes: Array[“id”]
  (data-errors)

data-errors 是错误如何显示的示例。错误手动引发,但执行的显示方式不同。

Error: this error was thrown from inside the audit test code.
-[x] data-custom: 显示自定结果数据如何显示


测试如何使用WebInspectorAudit访问通常在JavaScript中不可用的信息
以下信息展示使用WebInspectorAudit.Accessibility获取有关辅助功能数

  • getElementByComputedRole: 测试将与“link”中具有计算角色的所有DOM节点一起传递。

this.domAttributes: Array[“role”]

  • getActiveDescendant: 与元素(如果存在)的活跃后代(“aria-activedecendant”)一起传递。
  • getChildrenNodes: 与辅助功能树中元素的所有子节点一起传递。
    DOM节点:
<p class=“error-title”> </p>
<p class=“error-message”> </p>
  • getComputerProperties: 与有关元素的各种辅助功能信息一起传递。
this.currentStates: { 
configrable enumerable writable: 
  busy: false
  currentStates: “false”
  disabled: false
  headingLevel: 0
  hidden: false
  hiddenLevel: 0
  ignored: true
  ignoredByDefault: true
  invalidStates: “false”
  isPopUpButton: false
  pressed: false
  selected: false
}
  • getControlledNodes: 与受元素控制的所有节点(“aria-controls”)一起传递
  • getFlowedNodes: 与从流动到的所有节点(“aria-flowto”)一起传递
  • getMouseEventNode: 与处理元素的鼠标事件节点一起传递。
  • getOwnedNodes: 与处理元素拥有的节点(“aria-owns”)一起传递
  • getParentNode: 与辅助功能树中元素的父节点一起传递。
    DOM节点:
    1. #document


  
      
      
      
      
      
      无法打开页面
  

DOM
使用WebInspectorAudit.DOM获取有关DOM节点:

  • hasEventListeners: false
    与表示元素是否拥有任何事件监听器的数据一起传递。
  • hasEventListeners-click
    与表示元素是否拥有任何点按事件监听器的数据一起传递

使用WebInspectorAUdit.Resources获取有关已载入资源的信息。

  • getResources
    resources: [{id: “1”, mimeType: “text/css”, url: “safari-resources: /page-load-errors-extras.css”}
  • getResourcesContent
    与主要内容的资源一起传递。
    错误
    TypeError: undefined is not an object (evaluating mainResource.id)

测试结果层次

level-path
level-warm
level-fail
level-error
level-unsupported

结果数据

data-domNodes
data-domAttributes
data-error
data-custom

专门公开的数据

getElementsByConputerRole
getActiveDescendant
getChildrenNodes
getComputedProperties
getControlledNodes
getFlowerdNodes
getMouseEventNode
getOwnedNodes
getParentNode
getSelectedChildNodes

DOM

hasEventListeners
hasEventListeners-click
getResources
getResourcesContent

辅助功能

testMenuRoleForRequiredChildren
testGridRoleForRequiredChildren
testForAriaLabelledBySpelling
testForMuitipleBanners
testForLinkLabels
testRowGroupRoleForRequiredChildren
testTableRoleForRequiredChildren
testForMultipleLiveRegions
testListBoxRoleForRequiredChildren
testImageLabels
testForAriaHiddenFalse
testTreeRoleForRequiredChildren
testRadioGroupRoleForRequiredChildren
testFeedRoleForRequiredChildren
testTabListRoleForRequiredChildren
testBottonLabels
testRowRoleForRequiredChildren
testListRoleForRequiredChildren
testComboBoxRoleForRequiredChildren
testForMuiltipleMainContentSections
testDialogsForLabels
testForInvalidArialHiddenValue

你可能感兴趣的:(笔记)