公开(公告)号：US10210144B2

公开(公告)日：2019-02-19

申请号：US15238636

申请日：2016-08-16

Applicant: ADOBE INC.

Inventor： Samuel Wan ,  Razvan Cotlarciuc ,  David Williamson ,  David Stephens ,  Abhishek Gulati

IPC: G06F17/00 ,  G06F17/22 ,  G06F17/30

Abstract: Methods and systems for creating a webpage having different element orders for different webpage widths are disclosed. A computing device receives inputs specifying different layouts of elements in different orders for different webpage widths. The computing device creates markup code for the webpage that specifies separate subtrees of nodes for the different layouts and then modifies the markup code to replace duplicate nodes with placeholders in the subtrees. The computing device also creates script code for the webpage with instructions for modifying a live DOM created from the markup code based on current webpage width. Specifically, the script code modifies the live DOM to specify positioning the elements differently for different webpage widths by changing the visibility of nodes and swapping placehoders and content nodes in the subtrees.