Overview Open Chrome DevTools What's New in DevTools DevTools tips Simulate mobile devices with Device Mode Performance insights: Get actionable insights on your website's performance Lighthouse: Optimize website speed Animations: Inspect and modify CSS animation effects Changes: Track your HTML, CSS, and JavaScript changes Coverage: Find unused JavaScript and CSS CSS Overview: Identify potential CSS improvements Issues: Find and fix problems Media: View and debug media players information Memory Inspector: Inspect ArrayBuffer, TypedArray, DataView, and Wasm Memory. Network conditions: Override the user agent string Security: Understand security issues Search: Find text across all loaded resources Sensors: Emulate device sensors WebAuthn: Emulate authenticators Customize DevTools Engineering blog
Overview Open Chrome DevTools What's New in DevTools DevTools tips Simulate mobile devices with Device Mode Performance insights: Get actionable insights on your website's performance Lighthouse: Optimize website speed Animations: Inspect and modify CSS animation effects Changes: Track your HTML, CSS, and JavaScript changes Coverage: Find unused JavaScript and CSS CSS Overview: Identify potential CSS improvements Issues: Find and fix problems Media: View and debug media players information Memory Inspector: Inspect ArrayBuffer, TypedArray, DataView, and Wasm Memory. Network conditions: Override the user agent string Security: Understand security issues Search: Find text across all loaded resources Sensors: Emulate device sensors WebAuthn: Emulate authenticators Customize DevTools Engineering blog

Extensions

Published on Updated on

This page lists knows Chrome extensions for the DevTools Recorder.

Export extensions

Note: This feature is available from Chrome version 104.

Export extensions.

Export extensions let you to customize the code generated by the Recorder panel:

CodeceptJS extension
This extension lets you export JSON user flows as CodeceptJS test script. CodeceptJS is a supercharged End 2 End Testing.
Cypress extension
This extension lets you export JSON user flows as Cypress test script. Cypress is a front end testing tool built for the modern web.
Nightwatch extension
This extension lets you export JSON user flows as Nightwatch test script. Nightwatch is an end-to-end testing solution for web applications and websites.
Owloops extension
This extension lets you export recordings as Owloops tests.
Testing Library extension
This extension lets you export JSON user flows as Testing Library script. Testing Library has simple and complete testing utilities that encourage good testing practices.
WebdriverIO extension
This extension lets you export JSON user flows as WebdriverIO test script. WebdriverIO is an end-to-end testing solution for web, mobile and IoT applications and websites.
WebPageTest extension
This extension lets you export user flows from the Recorder directly as WebPageTest Custom scripts to measure site's performance. See Converting user flows to WebPageTest custom scripts to learn more.

Replay extensions

Note: This feature is available from Chrome version 112.

An example replay extension.

Replay extensions let you run the recordings produced by Recorder using a third-party service, without leaving DevTools.

Note: Currently, there are no known replay extensions. Check out an example extension.

Updated on Improve article

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.