ilicmarko / Devtools Timeline Images
Licence: mit
Extract images from Chrome DevTools report.
Stars: ✭ 44
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Devtools Timeline Images
React Rewind
Time Travel Debugger for React useReducer
Stars: ✭ 159 (+261.36%)
Mutual labels: devtools, chrome
Gif Frames
🖼 Extract frames from an animated GIF with pure JS
Stars: ✭ 100 (+127.27%)
Mutual labels: extract, images
Nim
Streamline Your Node.js Debugging Workflow with Chromium (Chrome, Edge, More) DevTools.
Stars: ✭ 168 (+281.82%)
Mutual labels: devtools, chrome
Virtual Authenticators Tab
Debug webauthn with a chrome extension that adds a virtual authenticators tab to devtools
Stars: ✭ 95 (+115.91%)
Mutual labels: devtools, chrome
Lucid
A developer tool for engineers working with React and GraphQL.
Stars: ✭ 397 (+802.27%)
Mutual labels: devtools, chrome
Go Chrome
A golang library for interacting with the Chrome DevTools Protocol. https://chromedevtools.github.io/devtools-protocol/
Stars: ✭ 96 (+118.18%)
Mutual labels: devtools, chrome
Element
💦Load test your app using real web browsers
Stars: ✭ 204 (+363.64%)
Mutual labels: devtools, chrome
Lightproxy
💎 Cross platform Web debugging proxy
Stars: ✭ 2,347 (+5234.09%)
Mutual labels: devtools, chrome
Frontendwingman
Frontend Wingman, Learn frontend faster!
Stars: ✭ 315 (+615.91%)
Mutual labels: devtools, chrome
Rawkit
🦊 Immediately Open Chrome DevTools when debugging Node.js apps
Stars: ✭ 306 (+595.45%)
Mutual labels: devtools, chrome
F19n Obtrusive Livetest
A sandboxed, extendable testing chrome extension and framework! It runs pre-defined and custom tests on each page that you visit.
Stars: ✭ 53 (+20.45%)
Mutual labels: devtools, chrome
Debugger
The faster and smarter Debugger for Firefox DevTools 🔥🦊🛠
Stars: ✭ 4,602 (+10359.09%)
Mutual labels: devtools, chrome
San Devtools
Browser developer tools extension for debugging San.
Stars: ✭ 51 (+15.91%)
Mutual labels: devtools, chrome
Puppeteer Webperf
Automating Web Performance testing with Puppeteer 🎪
Stars: ✭ 1,392 (+3063.64%)
Mutual labels: devtools, chrome
Link Preview Js
Parse and/or extract web links meta information: title, description, images, videos, etc. [via OpenGraph], runs on mobiles and node.
Stars: ✭ 240 (+445.45%)
Mutual labels: extract, chrome
Clockwork Chrome
Clockwork - php dev tools integrated to your browser - Chrome extension
Stars: ✭ 415 (+843.18%)
Mutual labels: devtools, chrome
Ractive Chrome Extension
View and edit Ractive.js components using Chrome Dev Tools.
Stars: ✭ 8 (-81.82%)
Mutual labels: devtools, chrome
Devtools Timeline Exporter
A really small utility to extract images from Chrome Timeline.
Installation
yarn global add devtools-timeline-images
# or NPM
npm i -g devtools-timeline-images
Usage
As of v2 CLI includes and alias for the name, dte
(Devtools Timeline Export). This has been changed as in the future
there is a plan to export videos, not only images.
Image
dte images <input> [options]
Generate sequence of images.
Options:
--version Show version number [boolean]
--output, -o Path to JSON file generated by Chrome. [string] [required]
-h, --help Show help [boolean]
Also you can generate images with an alias i
, like this: dte i <input> [options]
.
Video
With a video command you can instantly generate a slowdown video of the loading progress.
dte video <input> [options]
Generate slowdown video from the timeline export.
Options:
--version Show version number [boolean]
--output, -o Video file name to export. [string] [required]
-h, --help Show help [boolean]
Also you can generate a video with an alias v
, like this: dte v <input> [options]
.
Options
-
-o
or--output
- Specify the output folder.
Note: If the output directory does not exist the CLI will create it.
Example
dte i ./example-site.json -o ./images
Save a recoding
More information at Google Developer Docs
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].