Title: Customizer Dev Tools
Author: Weston Ruter
Published: <strong>19 Agosto 2016</strong>
Last modified: 9 Novembre 2017

---

Ricerca i plugin

Questo plugin **non è stato testato con le ultime 3 versioni principali (major releases)
di WordPress**. Potrebbe non essere più mantenuto, o supportato, e potrebbe presentare
problemi di compatibilità se utilizzato con versioni più recenti di WordPress.

![](https://s.w.org/plugins/geopattern-icon/customizer-dev-tools.svg)

# Customizer Dev Tools

 Di [Weston Ruter](https://profiles.wordpress.org/westonruter/)

[Scarica](https://downloads.wordpress.org/plugin/customizer-dev-tools.0.1.1.zip)

 * [Dettagli](https://it.wordpress.org/plugins/customizer-dev-tools/#description)
 * [Recensioni](https://it.wordpress.org/plugins/customizer-dev-tools/#reviews)
 * [Sviluppo](https://it.wordpress.org/plugins/customizer-dev-tools/#developers)

 [Supporto](https://wordpress.org/support/plugin/customizer-dev-tools/)

## Descrizione

The customizer is a single-page application that includes a lot of events, messages,
and state changes which drive the application. Being aware of these things is essential
for developing JavaScript for the customizer.

To use, activate the plugin, open the customizer and the browser console and enter:

    ```
    CustomizerDevTools.startLogging()
    ```

You can then either start interacting with the customizer app to see the log entries
from that point, or you can reload the customizer to see the log entries emitted
during the customizer initialization.

Not everything in the customizer is currently implemented to emit a log entry. File
an issue for any specific event that may be needed.

Features:

 * Start logging of customizer events via running `CustomizerDevTools.startLogging()`
   from your browser console, and stop via `CustomizerDevTools.stopLogging()`. In
   the former, you can filter what is logged out by passing a string or regular 
   expression (`RegExp` object) to match against the given log, or you can use the
   browser console’s built-in log filtering.
 * Logs out all events triggered on `wp.customize`.
 * Logs out additions and changes to to `wp.customize.state`.
 * Logs changes to the `active` and `expanded` states for panels, sections, and 
   controls.
 * Logs out messages sent and received by the pane (controls) and preview.
 * Logs out dynamic addition and removal of panels, sections, controls, partials,
   and settings (after the `ready` event triggers).
 * The `wp.customize` object from the Customizer preview is made persistently available
   from the parent frame via `CustomizerDevTools.previewCustomize`. This reference
   is updated whenever the preview refreshes, so you no longer have to change the
   frame window context to access this object.
 * In the same way, the current Customizer preview `window` is exposed as `CustomizerDevTools.
   previewWindow`. This is a shortcut for doing `wp.customize.previewer.targetWindow.
   get()`, and it has the added benefit of allowing the browser’s dev tools to provide
   auto-completion.

Make sure you also install the [Customizer Browser History](https://github.com/xwp/wp-customizer-browser-history)
and [Customize Snapshots](https://github.com/xwp/wp-customize-snapshots) plugins
so that you can reload the browser window and have the Customizer load with the 
same state as before you reloaded, including the persistence of the focused panel,
section, control, the previewed URL, the scroll position in the preview, and which
device is being previewed.

Requires PHP≥5.3.

## Screenshot

 * [[
 * Messages sent/received and events triggered during Customizer load.
 * [[
 * Logging the changing of the Site Title.
 * [[
 * Logging the change of a nav menu item from a saved sate.
 * [[
 * Expanding the Site Identity section and then navigating to edit a widget.
 * [[
 * Changes to `wp.customize.state` when saving the customizer changes.
 * [[
 * State changes, messages, and events related to saving.

## Recensioni

Non ci sono recensioni per questo plugin.

## Contributi e sviluppo

“Customizer Dev Tools” è un software open source. Le persone che hanno contribuito
allo sviluppo di questo plugin sono indicate di seguito.

Collaboratori

 *   [ Weston Ruter ](https://profiles.wordpress.org/westonruter/)
 *   [ XWP ](https://profiles.wordpress.org/xwp/)

[Traduci “Customizer Dev Tools” nella tua lingua.](https://translate.wordpress.org/projects/wp-plugins/customizer-dev-tools)

### Ti interessa lo sviluppo?

[Esplora il codice](https://plugins.trac.wordpress.org/browser/customizer-dev-tools/)
segui il [repository SVN](https://plugins.svn.wordpress.org/customizer-dev-tools/),
segui il [log delle modifiche](https://plugins.trac.wordpress.org/log/customizer-dev-tools/)
tramite [RSS](https://plugins.trac.wordpress.org/log/customizer-dev-tools/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 0.1.1 [2017-11-14]

 * Add setting change listener for settings in preview.
 * Tested up to 4.9.

#### 0.1.0 [2016-08-18]

Initial release

## Meta

 *  Versione **0.1.1**
 *  Ultimo aggiornamento **9 anni fa**
 *  Installazioni attive **Meno di 10**
 *  Versione WordPress ** 4.7 o superiore **
 *  Testato fino alla versione **4.9.29**
 *  Lingua
 * [English (US)](https://wordpress.org/plugins/customizer-dev-tools/)
 * Tag
 * [customize](https://it.wordpress.org/plugins/tags/customize/)[customizer](https://it.wordpress.org/plugins/tags/customizer/)
   [debug](https://it.wordpress.org/plugins/tags/debug/)[debugging](https://it.wordpress.org/plugins/tags/debugging/)
   [dev-tools](https://it.wordpress.org/plugins/tags/dev-tools/)
 *  [Visualizzazione avanzata](https://it.wordpress.org/plugins/customizer-dev-tools/advanced/)

## Valutazioni

Non sono state ancora inviate recensioni.

[Your review](https://wordpress.org/support/plugin/customizer-dev-tools/reviews/#new-post)

[Vedi tutte le recensioni](https://wordpress.org/support/plugin/customizer-dev-tools/reviews/)

## Collaboratori

 *   [ Weston Ruter ](https://profiles.wordpress.org/westonruter/)
 *   [ XWP ](https://profiles.wordpress.org/xwp/)

## Supporto

Hai qualcosa da dire? Ti serve aiuto?

 [Chiedi nel forum di supporto](https://wordpress.org/support/plugin/customizer-dev-tools/)