![]() live preview can work in any browser, not just Chrome.launching a preview, injecting scripts into the HTML, and establishing the connection between the previewed page and Brackets are relatively simple and largely decoupled.The primary difference in this architecture is that communication with the browser is done via an injected script rather than CDT's native remote debugging interface, and the browser connects back to Brackets rather than Brackets connecting to the browser. Current implementation will be active and work as today by default. A listener for preference changes is in charge of setting the active implementation based on pref value. Keep multi-browser implementation under this folder since it is an (still experimental) implementation of LiveDevelopment.Ĭhanges included in LiveDevelopment/main.js allows managing both implementations.Keep current modules from LiveDevelopment without moving them from the original place since many extensions require them as dependencies.This is probably not the more elegant choice but the decision mainly relies on these two needs: ![]() Main assets are placed under LiveDevelopment/MultiBrowserImpl while the main module LiveDevMultiBrowser (equivalent to LiveDevelopment) will land under LiveDevelopment folder. You should then also be able to copy and paste the URL from that browser into any other browser, live edits will then update all connected browsers at once. ![]() If enabled, it will launch the page in your default browser when clicking on the Live Preview icon as it works today. It can be enabled by setting livedev.multibrowser preference to true. There are also some known issues and key things to do (see the list below). Since is still experimental, the basic functionality for CSS/HTML editing is working but there are could be some scenarios that might be partially or entirely not covered yet. This is an experimental implementation of Live Preview to replace the current LiveDevelopment architecture with something more flexible that isn't tied solely to Chrome Developer Tools.
0 Comments
Leave a Reply. |