Preview changes to mobile applications at different display resolutions
Techniques to facilitate previewing changes to visual elements of a mobile application at different display sizes are disclosed herein. In at least one implementation, screenshot capture instructions provided by an application development and optimization platform are received that indicate at least one requested display size at which to provide a view of the mobile application. An actual screenshot of the view of the mobile application is captured, and a virtual screenshot of the view is rendered by resizing the actual screenshot to the requested display size indicated in the screenshot capture instructions. The actual screenshot of the view and the virtual screenshot of the view rendered at the requested display size are transferred for delivery to the application development and optimization platform.
1. A method to facilitate testing changes to visual elements of a mobile application at different display sizes, the method comprising:
executing an application editor program on a mobile device:
receiving screenshot capture instructions provided by the application editor program that indicates at least one requested display size at which to provide a view of the mobile application,
the at least one requested display size being different from a native resolution of the mobile device executing the application editor program:
capturing an actual screenshot of the view of the mobile application;
rendering a virtual screenshot of the view by resizing the actual screenshot to the requested display size indicated in the screenshot capture instructions; and
wherein the application editor program is configured to provide functionality for an operator to specify one or more display sizes to include in the screenshot capture instructions;
transferring the actual screenshot of the view and the virtual screenshot of the view rendered at the requested display size for delivery to the application editor program, the application editor program;
displaying the actual screenshot of the view and the virtual screenshot of the view rendered at the requested display size, the virtual screenshot displaying a change in space allocated for at least one visual element compared to the actual screenshot.
2. The method of claim 1 wherein transferring the actual screenshot of the view and the virtual screenshot of the view rendered at the requested display size for delivery to the application editor program comprises transferring information about a view hierarchy that describes views that exist in a user interface of the mobile application.
3. The method of claim 1 wherein rendering the virtual screenshot of the view by resizing the actual screenshot to the requested display size indicated in the screenshot capture instructions comprises rendering the actual screenshot of the view into a flattened image and resizing the flattened image to the requested display size indicated in the screenshot capture instructions.
4. The method of claim 1 wherein the functionality for the operator to specify the one or more display sizes comprises providing a list of the display sizes from which the operator may select to include in the screenshot capture instructions.
5. The method of claim 1 wherein capturing the actual screenshot of the view of the mobile application comprises capturing the actual screenshot at a display size of a device on which the mobile application is executing.
6. One or more non-transitory computer-readable storage media having program instructions stored thereon to facilitate testing changes to visual elements of a mobile application at different display sizes, wherein the program instructions, when executed by a computing system, direct the computing system to at least:
execute an application editor program on a mobile device:
receive screenshot capture instructions provided by the application editor program that indicates at least one requested display size at which to provide a view of the mobile application, the at least one requested display size being different from a native resolution of the mobile device executing the application editor program:
capture an actual screenshot of the view of the mobile application;
render a virtual screenshot of the view by resizing the actual screenshot to the requested display size indicated in the screenshot capture instructions; and
wherein the application editor program is configured to provide functionality for an operator to specify one or more display sizes to include in the screenshot capture instructions;
transfer the actual screenshot of the view and the virtual screenshot of the view rendered at the requested display size for delivery to the application editor program, the application editor program;
displaying the actual screenshot of the view and the virtual screenshot of the view rendered at the requested display size, the virtual screenshot displaying a change in space allocated for at least one visual element compared to the actual screenshot.
7. The one or more computer-readable storage media of claim 6 wherein the program instructions direct the computing system to transfer the actual screenshot of the view and the virtual screenshot of the view rendered at the requested display size for delivery to the application editor program by directing the computing system to transfer information about a view hierarchy that describes views that exist in a user interface of the mobile application.
8. The one or more computer-readable storage media of claim 6 wherein the program instructions direct the computing system to render the virtual screenshot of the view by directing the computing system to render the actual screenshot of the view into a flattened image and resize the flattened image to the requested display size indicated in the screenshot capture instructions.
9. The one or more computer-readable storage media of claim 6 wherein the functionality for the operator to specify the one or more display sizes comprises providing a list of the display sizes from which the operator may select to include in the screenshot capture instructions.
10. The one or more computer-readable storage media of claim 6 wherein the program instructions direct the computing system to capture the actual screenshot of the view of the mobile application by directing the computing system to capture the actual screenshot at a display size of the computing system on which the mobile application is executing.
11. A computing apparatus comprising: one or more computer-readable storage media;
a processing system operatively coupled with the one or more computer-readable storage media; and
a mobile application stored on the one or more computer-readable storage media and including an embedded control module comprising program instructions that, when executed by the processing system, direct the processing system to at least:
execute an application editor program on a mobile device; receive screenshot capture instructions provided by the application editor program that indicates at least one requested display size at which to provide a view of the mobile application, the at least one requested display size being different from a native resolution of the mobile device executing the application editor program;
capture an actual screenshot of the view of the mobile application;
render a virtual screenshot of the view by resizing the actual screenshot to the requested display size indicated in the screenshot capture instructions; and
wherein the application editor program is configured to provide functionality for an operator to specify one or more display sizes to include in the screenshot capture instructions;
transfer the actual screenshot of the view and the virtual screenshot of the view rendered at the requested display size for delivery to the application editor program, the application editor program;
displaying the actual screenshot of the view and the virtual screenshot of the view rendered at the requested display size, the virtual screenshot displaying a change in space allocated for at least one visual element compared to the actual screenshot.
12. The computing apparatus of claim 11 wherein the program instructions direct the processing system to transfer the actual screenshot of the view and the virtual screenshot of the view rendered at the requested display size for delivery to the application editor program by directing the processing system to transfer information about a view hierarchy that describes views that exist in a user interface of the mobile application.
13. The computing apparatus of claim 11 wherein the program instructions direct the processing system to render the virtual screenshot of the view by directing the processing system to render the actual screenshot of the view into a flattened image and resize the flattened image to the requested display size indicated in the screenshot capture instructions.
14. The computing apparatus of claim 11 wherein the functionality for the operator to specify the one or more display sizes comprises providing a list of the display sizes from which the operator may select to include in the screenshot capture instructions.