MiCottOn / Dejavue
Licence: mit
Visualization and debugging tool built for Vue.js
Stars: ✭ 785
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Dejavue
chromic pdf
Convenient HTML to PDF/A rendering library for Elixir based on Chrome & Ghostscript
Stars: ✭ 196 (-75.03%)
Mutual labels: chrome-devtools
Lucid
A developer tool for engineers working with React and GraphQL.
Stars: ✭ 397 (-49.43%)
Mutual labels: chrome-devtools
Storyboard
End-to-end, hierarchical, real-time, colorful logs and stories
Stars: ✭ 652 (-16.94%)
Mutual labels: chrome-devtools
vim-chrome-devtools
Neovim integration with Chrome DevTools
Stars: ✭ 52 (-93.38%)
Mutual labels: chrome-devtools
Thorium
Chromium fork for linux named after radioactive element No. 90. Windows and Special builds are in different repositories, links are towards the top of the README.md.
Stars: ✭ 45 (-94.27%)
Mutual labels: chrome-devtools
Pychrome
A Python Package for the Google Chrome Dev Protocol [threading base]
Stars: ✭ 469 (-40.25%)
Mutual labels: chrome-devtools
ansicolor
A JavaScript ANSI color/style management. ANSI parsing. ANSI to CSS. Small, clean, no dependencies.
Stars: ✭ 91 (-88.41%)
Mutual labels: chrome-devtools
Debugger Protocol Viewer
DevTools Protocol API docs—its domains, methods, and events
Stars: ✭ 749 (-4.59%)
Mutual labels: chrome-devtools
chrome-ext-save-css
Chrome extension to automatically save changes in CSS and JS into local disk.
Stars: ✭ 27 (-96.56%)
Mutual labels: chrome-devtools
Devtools Docs
The legacy documentation for Chrome DevTools.
Stars: ✭ 622 (-20.76%)
Mutual labels: chrome-devtools
jsdom-devtools-formatter
Make jsdom elements look like real DOM elements in Chrome Devtools console
Stars: ✭ 40 (-94.9%)
Mutual labels: chrome-devtools
page-walker
Chrome DevTools automation for desktop and mobile devices
Stars: ✭ 18 (-97.71%)
Mutual labels: chrome-devtools
Wrp
Web Rendering Proxy: Use vintage, historical, legacy browsers on modern web
Stars: ✭ 503 (-35.92%)
Mutual labels: chrome-devtools
anime-scraper
[partially working] Scrape and add anime episode stream URLs to uGet (Linux) or IDM (Windows) ~ Python3
Stars: ✭ 21 (-97.32%)
Mutual labels: chrome-devtools
Dirac
A Chrome DevTools fork for ClojureScript developers
Stars: ✭ 732 (-6.75%)
Mutual labels: chrome-devtools
devtools-proxy
Multiplexing proxy for Chrome DevTools. Fully compatible with Selenium and ChromeDriver
Stars: ✭ 64 (-91.85%)
Mutual labels: chrome-devtools
Betwixt
⚡ Web Debugging Proxy based on Chrome DevTools Network panel.
Stars: ✭ 4,316 (+449.81%)
Mutual labels: chrome-devtools
Js Leakage Patterns
🎯这是关于JavaScript内存泄露和CSS优化相关序列文章，相信你读完会有所收获的✈️
Stars: ✭ 756 (-3.69%)
Mutual labels: chrome-devtools
Chromedp
A faster, simpler way to drive browsers supporting the Chrome DevTools Protocol.
Stars: ✭ 7,057 (+798.98%)
Mutual labels: chrome-devtools
Lighthouse
Automated auditing, performance metrics, and best practices for the web.
Stars: ✭ 23,903 (+2944.97%)
Mutual labels: chrome-devtools
DejaVue - Vue.js visualization and stress testing
(Only works with Vue 2.0!)
Installation
Click here to download the extension!
Manual Installation
Make sure you are using Node 6+ and NPM 3+
1. Clone this repo
2. npm run build
3. Open Chrome extension page
4. Check "developer mode"
5. Click "load unpacked extension", and choose the entire folder.
Building over it
1. Clone this repo
2. npm install
3. npm run dev
Features - all work with and without a state management library (e.g. Vuex)
1. Application Structure Visualization - Interactive tree
2. Component Inspection - view props, variables and slots
3. Diff Engine - As you test see which components are being updated and what those changes are
4. Time Travel - Move backwards and forwards through your state changes and see both the tree and your application update
5. Component Highlighting - Hover over a tree leaf to highlight the component on your app
Screenshots
Everything else
Want to help contribute? Fork the repo and have at it!
Why and how we decided to build this
Next on the pipeline: Squashing bugs and implementing stress testing
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].