View source for Developer Tools in QA: Novice's Toolkit

{{Infobox tool
|purpose=A collaborative document providing an easy entry point for non-developers and novice web archivers to identify Quality Assurance issues using built-in browser developer tools.
|homepage=https://docs.google.com/document/d/1yC3rP6DJrJNi787wYsPq3aHlFZJjHvXbbEaO0YczTlY/edit?usp=sharing
|language=English
|function=Quality Assurance
|content=Document
}}
{{Infobox tool details}}
== Description ==
<!-- Describe the what the tool does, focusing on it's digital preservation value. Keep it factual. -->


A beginner's guide to using built-in browser developer tools to explore Quality Assurance (QA) issues in web archive captures. This toolkit is focused primarily on archivists who have [[Archive-It]] subscriptions and use [[Heritrix]], [[Brozzler]] and [[Webrecorder]]/Conifer. The toolkit has been used primarily with Google Chrome and Firefox browsers, although the same type of analysis could be applied to other browsers.

It is a "living document", intended to be shared and updated collaboratively. It is aimed at new web archivists, and web archivists who are new to using web developer tools for QA. Web developer tools can be quickly accessed in Firefox by pressing Crtl+Shift+E, Crtl+Shift+I in Chrome.

The toolkit includes diagnostic use cases for the "elements", "console" and "network" sections of browser development tools. These can help the archivist spot locations of missing [https://en.wikipedia.org/wiki/CSS CSS] elements, [https://en.wikipedia.org/wiki/JavaScript javascript] issues which might affect replay, and errors occurring in network requests, which can help identify resources missing in a copy.

== User Experiences ==
<!-- Add hotlinks to user experiences with the tool (eg. blog posts). These should illustrate the effectiveness (or otherwise) of the tool. Use a bullet list. -->