AlloyDesigner

A web front-end development tool and an aid for front-end reconstruction. AlloyDesigner is a front-end development tool from Tencent AlloyTeam. It is used during certain stages of development, whether during production or development and testing, to improve front-end development efficiency and make the experience more convenient. The main function of AlloyDesigner is to load a visual design for a web page and use it with developer tools (F12) to develop and adjust the page. When developing pages with AlloyDesigner, you can largely dispense with Photoshop for page measurements. Using the visual design as a background reference makes development more convenient and efficient, and improves the resulting page. AlloyDesigner can also be used to make fine adjustments after a page is developed so that it more closely matches the visual design. AlloyDesigner is also intended for product managers, testers, and designers, helping them assess the quality of page development. Changelog by dorsy ………………………………………………… V1.2.6 2018/02/06 1. Fixed a window-dragging bug 2. Added a like feature ………………………………………………… V1.2.5 2016/12/21 1. Added compatibility for passive event support enabled in newer versions of Chrome Changelog by dorsy ………………………………………………… V1.2.4 &V1.2.3 2016/09/19 1. Made minor adaptations for mobile devices Changelog by dorsy ………………………………………………… V1.2.2 2016/09/19 1. Added snapping when zooming Changelog by dorsy ………………………………………………… V1.2.1 2015/09/23 1. Fixed a bug that prevented visual designs from being remembered ………………………………………………… V1.2.0 2015/09/22 1. Redesigned the interface for better interaction 2. Added a feature to clear the visual design 3. Added zooming 4. sliderBar now initially positions itself at the corresponding value ………………………………………………… V1.1.4 1. Removed usage reporting and statistics that affected the experience, putting users first 2. The background is no longer made transparent when the visual design is pinned ………………………………………………… V1.1.3 1. Added support for 2× sizing on high-resolution screens (improved mobile support) 2. Added a tool management box to easily manage tools on the panel ………………………………………………… V1.1.2 Added internationalization support ………………………………………………… V1.1.0 1. Added a DOM analyzer 2. Improved z-index functionality 3. Added support for Google data ………………………………………………… V1.0.11 1. Fixed a bug in the opacity adjustment bar ………………………………………………… V1.0.10 1. Fixed an onmessage error ………………………………………………… V1.0.9 1. Fixed other zIndex issues caused by the previous release 2. Attempted to fix errors with the AlloyImage file in the extension framework ………………………………………………… V1.0.8 Fixed an issue where an excessively low zIndex caused content to be covered ………………………………………………… V1.0.7 Optimized and fixed performance for large visual designs ………………………………………………… V1.0.6 Improved the operation that deselects other functions when one is selected ………………………………………………… V1.0.5 1. Fixed a bug with the shortcut for moving after pinning ………………………………………………… V1.0.4 1. Fixed a bug when opening a file after pinning ………………………………………………… V1.0.3 1. Improved pinning logic to make it more robust 2. Fixed some issues caused by bootstrap styles ………………………………………………… V1.0.2 1. Fixed a color-picking bug caused by image scaling 2. Fixed a bug where global page styles affected visual image scaling 3. Improved the distance measurement mode ………………………………………………… V1.0.1 1. Improved information panel styling 2. Improved opacity adjustment bar styling 3. Improved color picker logic 4. Improved the minimized ICON styling ………………………………………………… V1.0.0 1. Support loading a local visual image to compare the page with the original 2. Support pinning the loaded image, then using F12 to inspect elements and adjust the page 3. Support separate opacity adjustments for body and visual elements 4. Support page ruler for measuring the page 5. Support viewing and editing element css 6. Support color picker for picking colors from the visual image 7. Support minimizing and toggling the AlloyDesigner ToolBar 8. Support remembering and restoring state on refresh, including the visual image 9. Support keyboard shortcuts