Giter Club home page Giter Club logo

magento2-developer-quickdevbar's Introduction

Developer Toolbar for Magento2

Code Climate Total Downloads

About

Hope this debug toolbar can speed up Magento2 development module. Any feedback and idea to improve this toolbar will be appreciated so get in touch via the issue tracker on GitHub. Feel free to fork and pull request. The structure of this toolbar is extremely simple you just need to add a new block in the layout to get your tab running.

Features

Panels

  • Info : Main informations about controller, route, action and store. Search on core config data. Dedicated tab output for local and global phpinfo.
  • Design : List handles called and display layout structure of nested blocks and containers
  • Profile : View current observers, all events dispatched, collections and models loaded, plugins instanciated
  • Queries : Statistics about executed queries and detailed query listing with syntax highlighting of main SQL keywords
  • Logs : Display log files with ability to reset these files
  • Translation : Quickly see module, pack,theme and DB translations
  • Actions : Easily toggle template hints and inline translation and flush cache
  • Help : Show module version and link to github

Screenshots

  • Info tab

  • Queries Tab

  • See the toolbar in action Video

Installation

Manual (without composer)

  • Download zip file of thelast version of this extension under release tab
  • Extract files in the Magento root directory in the folder app/code/ADM/QuickDevBar
  • Enable the extension
php bin/magento --clear-static-content module:enable ADM_QuickDevBar
  • Upgrade Magento setup
php bin/magento setup:upgrade

With Composer

In the Magento root directory

  • Install the module
composer require vpietri/adm-quickdevbar --dev
php bin/magento module:enable ADM_QuickDevBar 
php bin/magento setup:upgrade

๐Ÿคฉ Do not miss the new version, fully compatible with FPC ๐Ÿคฉ

composer require vpietri/adm-quickdevbar:dev-develop_ajax_loading
php bin/magento module:enable ADM_QuickDevBar 
php bin/magento setup:upgrade

still under development. Need some feddback to release the package. ๐Ÿ™

With Modman

In the Magento root directory

  • Install the module
modman clone [email protected]:vpietri/magento2-developer-quickdevbar.git
php bin/magento module:enable ADM_QuickDevBar 
php bin/magento setup:upgrade

Cleaning

  • Upgrade Magento setup
php bin/magento setup:upgrade
  • Clear cache
php bin/magento cache:flush

Setup

The toolbar is displayed by default if your web server is on your local development environment.

The configuration is in Stores/Configuration/Advanced/Developer/Quick dev bar configuration.

If you do not see the toolbar you should either force activation by filling your IP in the field "Allowed IPs" and fill a matching pattern of you user-agent in the field "Allowed user-agent pattern" if it's needed.

Documentation

magento2-developer-quickdevbar's People

Contributors

adpeate avatar barryvdh avatar danslo avatar hoangngo-calvin avatar josue-rmoya avatar koc avatar lefte avatar mhabou avatar nateswanson7 avatar peanutbutter03 avatar rakibabu avatar sebfie avatar tufahu avatar tuyennn avatar vpietri avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.