Title: Customizer Dev Tools Author: Weston Ruter Published: 19 d'agost de 2016 Last modified: 9 de novembre de 2017 --- Cerca extensions Aquesta extensió **no s’ha provat en les darreres 3 versions majors del WordPress**. Segurament no està mantinguda o suportada, i pot tenir problemes de compatibilitat quan s’usa en versions recents del WordPress. ![](https://s.w.org/plugins/geopattern-icon/customizer-dev-tools.svg) # Customizer Dev Tools Per [Weston Ruter](https://profiles.wordpress.org/westonruter/) [Baixa](https://downloads.wordpress.org/plugin/customizer-dev-tools.0.1.1.zip) * [Detalls](https://ca.wordpress.org/plugins/customizer-dev-tools/#description) * [Ressenyes](https://ca.wordpress.org/plugins/customizer-dev-tools/#reviews) * [Desenvolupament](https://ca.wordpress.org/plugins/customizer-dev-tools/#developers) [Suport](https://wordpress.org/support/plugin/customizer-dev-tools/) ## Descripció 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. ## Captures [⌊Messages sent/received and events triggered during Customizer load.⌉⌊Messages sent/received and events triggered during Customizer load.⌉[ Messages sent/received and events triggered during Customizer load. [⌊Logging the changing of the Site Title.⌉⌊Logging the changing of the Site Title .⌉[ Logging the changing of the Site Title. [⌊Logging the change of a nav menu item from a saved sate.⌉⌊Logging the change of a nav menu item from a saved sate.⌉[ Logging the change of a nav menu item from a saved sate. [⌊Expanding the Site Identity section and then navigating to edit a widget.⌉⌊Expanding the Site Identity section and then navigating to edit a widget.⌉[ Expanding the Site Identity section and then navigating to edit a widget. [⌊Changes to wp.customize.state when saving the customizer changes.⌉⌊Changes to wp.customize.state when saving the customizer changes.⌉[ Changes to `wp.customize.state` when saving the customizer changes. [⌊State changes, messages, and events related to saving.⌉⌊State changes, messages, and events related to saving.⌉[ State changes, messages, and events related to saving. ## Ressenyes No hi ha ressenyes per a aquesta extensió. ## Col·laboradors i desenvolupadors «Customizer Dev Tools» és programari de codi obert. La següent gent ha col·laborat en aquesta extensió. Col·laboradors * [ Weston Ruter ](https://profiles.wordpress.org/westonruter/) * [ XWP ](https://profiles.wordpress.org/xwp/) [Traduïu «Customizer Dev Tools» a la vostra llengua.](https://translate.wordpress.org/projects/wp-plugins/customizer-dev-tools) ### Interessats en el desenvolupament? [Navegueu pel codi](https://plugins.trac.wordpress.org/browser/customizer-dev-tools/), baixeu-vos el [repositori SVN](https://plugins.svn.wordpress.org/customizer-dev-tools/), o subscriviu-vos al [registre de desenvolupament](https://plugins.trac.wordpress.org/log/customizer-dev-tools/) per [fisl de subscripció RSS](https://plugins.trac.wordpress.org/log/customizer-dev-tools/?limit=100&mode=stop_on_copy&format=rss). ## Registre de canvis #### 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 * Versió **0.1.1** * Darrera actualització **fa 9 anys** * Instal·lacions actives **Menys de 10** * Versió del WordPress ** 4.7 o posterior ** * Provada fins a **4.9.31** * Idioma * [English (US)](https://wordpress.org/plugins/customizer-dev-tools/) * Etiquetes * [customize](https://ca.wordpress.org/plugins/tags/customize/)[customizer](https://ca.wordpress.org/plugins/tags/customizer/) [debug](https://ca.wordpress.org/plugins/tags/debug/)[debugging](https://ca.wordpress.org/plugins/tags/debugging/) [dev-tools](https://ca.wordpress.org/plugins/tags/dev-tools/) * [Vista avançada](https://ca.wordpress.org/plugins/customizer-dev-tools/advanced/) ## Valoracions Encara no s'ha enviat cap ressenya. [La vostra ressenya](https://wordpress.org/support/plugin/customizer-dev-tools/reviews/#new-post) [Visualitza totes les ressenyes](https://wordpress.org/support/plugin/customizer-dev-tools/reviews/) ## Col·laboradors * [ Weston Ruter ](https://profiles.wordpress.org/westonruter/) * [ XWP ](https://profiles.wordpress.org/xwp/) ## Suport Teniu quelcom a dir? Necessiteu ajuda? [Visualitza els fòrums de suport](https://wordpress.org/support/plugin/customizer-dev-tools/)