checkly / headless-recorder

Chrome extension that records your browser interactions and generates a Playwright or Puppeteer script.

https://checklyhq.com/headless-recorder

MIT License

15.03k stars 722 forks source link

Add shortcut to toggle overlay #151

Closed ianaya89 closed 3 years ago

ianaya89 commented 3 years ago

Add shortcut to toggle overlay

Description

Add shortcut to toggle overlay and re-add screenshot shortcuts:

ctrl + k: Toggle overlay
ctrl + shitf + F: Take full page screenshot
ctrl + shitf + E: Take element screenshot

hr-demo

Resolves #144

Type of change

[x] New feature (non-breaking change which adds functionality)

Checklist:

[x] My code follows the style guidelines of this project. npm run lint passes with no errors.
[x] I have made corresponding changes to the documentation
[ ] I have added tests that prove my fix is effective or that my feature works
[ ] New and existing unit tests pass locally with my changes. npm run test passes with no errors.

tnolet commented 3 years ago

@ianaya89 can you add a screenshot?

ianaya89 commented 3 years ago

@tnolet done!