| OLD | NEW |
| 1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
| 2 RenderView {#document} at (0,0) size 800x600 | 2 RenderView {#document} at (0,0) size 800x600 |
| 3 layer at (0,0) size 800x551 | 3 layer at (0,0) size 800x551 |
| 4 RenderBlock {sky} at (0,0) size 800x551 | 4 RenderBlock {sky} at (0,0) size 800x551 |
| 5 RenderFlexibleBox {flights-app} at (0,0) size 800x551 [color=#2B2B2B] [bgcol
or=#494949] | 5 RenderFlexibleBox {flights-app} at (0,0) size 800x551 [color=#2B2B2B] [bgcol
or=#494949] |
| 6 RenderFlexibleBox {app-header} at (0,0) size 800x47 [color=#FFFFFF] [borde
r: none (1px solid #3E77B7) none] | 6 RenderFlexibleBox {app-header} at (0,0) size 800x47 [color=#FFFFFF] [borde
r: none (1px solid #3E77B7) none] |
| 7 RenderFlexibleBox {app-title} at (16,8) size 746x30 | 7 RenderFlexibleBox {app-title} at (16,8) size 746x30 |
| 8 RenderBlock {t} at (0,2) size 69.72x26 | 8 RenderBlock {t} at (0,2) size 69.72x26 |
| 9 RenderText {#text} at (0,0) size 70x25 | 9 RenderBlock (anonymous) at (0,0) size 69.72x26 |
| 10 text run at (0,0) width 70: "Search" | 10 RenderText {#text} at (0,0) size 70x25 |
| 11 text run at (0,0) width 70: "Search" |
| 11 RenderFlexibleBox {app-menu-button} at (762,8) size 30x30 | 12 RenderFlexibleBox {app-menu-button} at (762,8) size 30x30 |
| 12 RenderImage {img} at (6,15) size 18x0 | 13 RenderImage {img} at (6,15) size 18x0 |
| 13 RenderBlock {app-toolbar} at (0,47) size 800x30 [bgcolor=#F6F6F6] | 14 RenderBlock {app-toolbar} at (0,47) size 800x30 [bgcolor=#F6F6F6] |
| 14 RenderFlexibleBox {app-search-input} at (8,0) size 784x30 | 15 RenderFlexibleBox {app-search-input} at (8,0) size 784x30 |
| 15 RenderBlock {span} at (4,15) size 16x0 | 16 RenderBlock {span} at (4,15) size 16x0 |
| 16 RenderImage {img} at (0,0) size 16x0 | 17 RenderImage {img} at (0,0) size 16x0 |
| 17 RenderBlock {span} at (28,4) size 221.84x22 | 18 RenderBlock {span} at (28,4) size 221.84x22 |
| 18 RenderBlock {t} at (0,0) size 221.84x22 | 19 RenderBlock {t} at (0,0) size 221.84x22 |
| 19 RenderText {#text} at (0,0) size 222x21 | 20 RenderBlock (anonymous) at (0,0) size 221.84x22 |
| 20 text run at (0,0) width 222: "flights today to dc by price" | 21 RenderText {#text} at (0,0) size 222x21 |
| 22 text run at (0,0) width 222: "flights today to dc by price" |
| 21 layer at (0,77) size 800x474 | 23 layer at (0,77) size 800x474 |
| 22 RenderBlock {app-scrollable} at (0,77) size 800x474 | 24 RenderBlock {app-scrollable} at (0,77) size 800x474 |
| 23 RenderFlexibleBox {app-panel} at (16,16) size 768x246 [bgcolor=#FFFFFF] | 25 RenderFlexibleBox {app-panel} at (16,16) size 768x246 [bgcolor=#FFFFFF] |
| 24 RenderFlexibleBox {app-panel-header} at (0,0) size 768x46 [bgcolor=#DEDEDE
] | 26 RenderFlexibleBox {app-panel-header} at (0,0) size 768x46 [bgcolor=#DEDEDE
] |
| 25 RenderBlock {div} at (8,14) size 722x18 | 27 RenderBlock {div} at (8,14) size 722x18 |
| 26 RenderInline {t} at (0,0) size 89x17 | 28 RenderBlock {t} at (0,0) size 722x18 |
| 27 RenderText {#text} at (0,0) size 89x17 | 29 RenderBlock (anonymous) at (0,0) size 722x18 |
| 28 text run at (0,0) width 89: "SFO to DCA" | 30 RenderText {#text} at (0,0) size 89x17 |
| 29 RenderText {#text} at (0,0) size 0x0 | 31 text run at (0,0) width 89: "SFO to DCA" |
| 30 RenderFlexibleBox {app-menu-button} at (730,8) size 30x30 | 32 RenderFlexibleBox {app-menu-button} at (730,8) size 30x30 |
| 31 RenderImage {img} at (8,15) size 14x0 | 33 RenderImage {img} at (8,15) size 14x0 |
| 32 RenderFlexibleBox {app-panel-content} at (0,46) size 768x50 | 34 RenderFlexibleBox {app-panel-content} at (0,46) size 768x50 |
| 33 RenderBlock {div} at (8,25) size 50x0 | 35 RenderBlock {div} at (8,25) size 50x0 |
| 34 RenderImage {img} at (0,0) size 50x0 | 36 RenderImage {img} at (0,0) size 50x0 |
| 35 RenderBlock {div} at (58,8) size 650.41x34 | 37 RenderBlock {div} at (58,8) size 650.41x34 |
| 36 RenderInline {t} at (0,0) size 105x17 | 38 RenderBlock {t} at (8,8) size 634.41x18 |
| 37 RenderText {#text} at (8,8) size 105x17 | 39 RenderBlock (anonymous) at (0,0) size 634.41x18 |
| 38 text run at (8,8) width 105: "Virgin America" | 40 RenderText {#text} at (0,0) size 105x17 |
| 39 RenderText {#text} at (0,0) size 0x0 | 41 text run at (0,0) width 105: "Virgin America" |
| 40 RenderBlock {div} at (708.41,8) size 51.59x34 [color=#ABB4B6] | 42 RenderBlock {div} at (708.41,8) size 51.59x34 [color=#ABB4B6] |
| 41 RenderInline {t} at (0,0) size 36x17 | 43 RenderBlock {t} at (8,8) size 35.59x18 |
| 42 RenderInline {a} at (0,0) size 36x17 [color=#1155CC] | 44 RenderBlock {a} at (0,0) size 35.59x18 [color=#1155CC] |
| 43 RenderText {#text} at (8,8) size 36x17 | 45 RenderBlock (anonymous) at (0,0) size 35.59x18 |
| 44 text run at (8,8) width 36: "$800" | 46 RenderText {#text} at (0,0) size 36x17 |
| 45 RenderText {#text} at (0,0) size 0x0 | 47 text run at (0,0) width 36: "$800" |
| 46 RenderFlexibleBox {app-panel-content} at (0,96) size 768x50 | 48 RenderFlexibleBox {app-panel-content} at (0,96) size 768x50 |
| 47 RenderBlock {div} at (8,25) size 50x0 | 49 RenderBlock {div} at (8,25) size 50x0 |
| 48 RenderImage {img} at (0,0) size 50x0 | 50 RenderImage {img} at (0,0) size 50x0 |
| 49 RenderBlock {div} at (58,8) size 650.41x34 | 51 RenderBlock {div} at (58,8) size 650.41x34 |
| 50 RenderInline {t} at (0,0) size 105x17 | 52 RenderBlock {t} at (8,8) size 634.41x18 |
| 51 RenderText {#text} at (8,8) size 105x17 | 53 RenderBlock (anonymous) at (0,0) size 634.41x18 |
| 52 text run at (8,8) width 105: "British Airways" | 54 RenderText {#text} at (0,0) size 105x17 |
| 53 RenderText {#text} at (0,0) size 0x0 | 55 text run at (0,0) width 105: "British Airways" |
| 54 RenderBlock {div} at (708.41,8) size 51.59x34 [color=#ABB4B6] | 56 RenderBlock {div} at (708.41,8) size 51.59x34 [color=#ABB4B6] |
| 55 RenderInline {t} at (0,0) size 36x17 | 57 RenderBlock {t} at (8,8) size 35.59x18 |
| 56 RenderInline {a} at (0,0) size 36x17 [color=#1155CC] | 58 RenderBlock {a} at (0,0) size 35.59x18 [color=#1155CC] |
| 57 RenderText {#text} at (8,8) size 36x17 | 59 RenderBlock (anonymous) at (0,0) size 35.59x18 |
| 58 text run at (8,8) width 36: "$700" | 60 RenderText {#text} at (0,0) size 36x17 |
| 59 RenderText {#text} at (0,0) size 0x0 | 61 text run at (0,0) width 36: "$700" |
| 60 RenderFlexibleBox {app-panel-content} at (0,146) size 768x50 | 62 RenderFlexibleBox {app-panel-content} at (0,146) size 768x50 |
| 61 RenderBlock {div} at (8,25) size 50x0 | 63 RenderBlock {div} at (8,25) size 50x0 |
| 62 RenderImage {img} at (0,0) size 50x0 | 64 RenderImage {img} at (0,0) size 50x0 |
| 63 RenderBlock {div} at (58,8) size 650.41x34 | 65 RenderBlock {div} at (58,8) size 650.41x34 |
| 64 RenderInline {t} at (0,0) size 47x17 | 66 RenderBlock {t} at (8,8) size 634.41x18 |
| 65 RenderText {#text} at (8,8) size 47x17 | 67 RenderBlock (anonymous) at (0,0) size 634.41x18 |
| 66 text run at (8,8) width 47: "United" | 68 RenderText {#text} at (0,0) size 47x17 |
| 67 RenderText {#text} at (0,0) size 0x0 | 69 text run at (0,0) width 47: "United" |
| 68 RenderBlock {div} at (708.41,8) size 51.59x34 [color=#ABB4B6] | 70 RenderBlock {div} at (708.41,8) size 51.59x34 [color=#ABB4B6] |
| 69 RenderInline {t} at (0,0) size 36x17 | 71 RenderBlock {t} at (8,8) size 35.59x18 |
| 70 RenderInline {a} at (0,0) size 36x17 [color=#1155CC] | 72 RenderBlock {a} at (0,0) size 35.59x18 [color=#1155CC] |
| 71 RenderText {#text} at (8,8) size 36x17 | 73 RenderBlock (anonymous) at (0,0) size 35.59x18 |
| 72 text run at (8,8) width 36: "$667" | 74 RenderText {#text} at (0,0) size 36x17 |
| 73 RenderText {#text} at (0,0) size 0x0 | 75 text run at (0,0) width 36: "$667" |
| 74 RenderFlexibleBox {app-panel-content} at (0,196) size 768x50 | 76 RenderFlexibleBox {app-panel-content} at (0,196) size 768x50 |
| 75 RenderBlock {div} at (8,25) size 50x0 | 77 RenderBlock {div} at (8,25) size 50x0 |
| 76 RenderImage {img} at (0,0) size 50x0 | 78 RenderImage {img} at (0,0) size 50x0 |
| 77 RenderBlock {div} at (58,8) size 650.41x34 | 79 RenderBlock {div} at (58,8) size 650.41x34 |
| 78 RenderInline {t} at (0,0) size 38x17 | 80 RenderBlock {t} at (8,8) size 634.41x18 |
| 79 RenderText {#text} at (8,8) size 38x17 | 81 RenderBlock (anonymous) at (0,0) size 634.41x18 |
| 80 text run at (8,8) width 38: "Delta" | 82 RenderText {#text} at (0,0) size 38x17 |
| 81 RenderText {#text} at (0,0) size 0x0 | 83 text run at (0,0) width 38: "Delta" |
| 82 RenderBlock {div} at (708.41,8) size 51.59x34 [color=#ABB4B6] | 84 RenderBlock {div} at (708.41,8) size 51.59x34 [color=#ABB4B6] |
| 83 RenderInline {t} at (0,0) size 36x17 | 85 RenderBlock {t} at (8,8) size 35.59x18 |
| 84 RenderInline {a} at (0,0) size 36x17 [color=#1155CC] | 86 RenderBlock {a} at (0,0) size 35.59x18 [color=#1155CC] |
| 85 RenderText {#text} at (8,8) size 36x17 | 87 RenderBlock (anonymous) at (0,0) size 35.59x18 |
| 86 text run at (8,8) width 36: "$450" | 88 RenderText {#text} at (0,0) size 36x17 |
| 87 RenderText {#text} at (0,0) size 0x0 | 89 text run at (0,0) width 36: "$450" |
| 88 RenderFlexibleBox {app-panel} at (16,278) size 768x196 [bgcolor=#FFFFFF] | 90 RenderFlexibleBox {app-panel} at (16,278) size 768x196 [bgcolor=#FFFFFF] |
| 89 RenderFlexibleBox {app-panel-header} at (0,0) size 768x46 [bgcolor=#DEDEDE
] | 91 RenderFlexibleBox {app-panel-header} at (0,0) size 768x46 [bgcolor=#DEDEDE
] |
| 90 RenderBlock {div} at (8,14) size 722x18 | 92 RenderBlock {div} at (8,14) size 722x18 |
| 91 RenderInline {t} at (0,0) size 87x17 | 93 RenderBlock {t} at (0,0) size 722x18 |
| 92 RenderText {#text} at (0,0) size 87x17 | 94 RenderBlock (anonymous) at (0,0) size 722x18 |
| 93 text run at (0,0) width 87: "SJC to DCA" | 95 RenderText {#text} at (0,0) size 87x17 |
| 94 RenderText {#text} at (0,0) size 0x0 | 96 text run at (0,0) width 87: "SJC to DCA" |
| 95 RenderFlexibleBox {app-menu-button} at (730,8) size 30x30 | 97 RenderFlexibleBox {app-menu-button} at (730,8) size 30x30 |
| 96 RenderImage {img} at (8,15) size 14x0 | 98 RenderImage {img} at (8,15) size 14x0 |
| 97 RenderFlexibleBox {app-panel-content} at (0,46) size 768x50 | 99 RenderFlexibleBox {app-panel-content} at (0,46) size 768x50 |
| 98 RenderBlock {div} at (8,25) size 50x0 | 100 RenderBlock {div} at (8,25) size 50x0 |
| 99 RenderImage {img} at (0,0) size 50x0 | 101 RenderImage {img} at (0,0) size 50x0 |
| 100 RenderBlock {div} at (58,8) size 641.50x34 | 102 RenderBlock {div} at (58,8) size 641.50x34 |
| 101 RenderInline {t} at (0,0) size 105x17 | 103 RenderBlock {t} at (8,8) size 625.50x18 |
| 102 RenderText {#text} at (8,8) size 105x17 | 104 RenderBlock (anonymous) at (0,0) size 625.50x18 |
| 103 text run at (8,8) width 105: "Virgin America" | 105 RenderText {#text} at (0,0) size 105x17 |
| 104 RenderText {#text} at (0,0) size 0x0 | 106 text run at (0,0) width 105: "Virgin America" |
| 105 RenderBlock {div} at (699.50,8) size 60.50x34 [color=#ABB4B6] | 107 RenderBlock {div} at (699.50,8) size 60.50x34 [color=#ABB4B6] |
| 106 RenderInline {t} at (0,0) size 45x17 | 108 RenderBlock {t} at (8,8) size 44.50x18 |
| 107 RenderInline {a} at (0,0) size 45x17 [color=#1155CC] | 109 RenderBlock {a} at (0,0) size 44.50x18 [color=#1155CC] |
| 108 RenderText {#text} at (8,8) size 45x17 | 110 RenderBlock (anonymous) at (0,0) size 44.50x18 |
| 109 text run at (8,8) width 45: "$1500" | 111 RenderText {#text} at (0,0) size 45x17 |
| 110 RenderText {#text} at (0,0) size 0x0 | 112 text run at (0,0) width 45: "$1500" |
| 111 RenderFlexibleBox {app-panel-content} at (0,96) size 768x50 | 113 RenderFlexibleBox {app-panel-content} at (0,96) size 768x50 |
| 112 RenderBlock {div} at (8,25) size 50x0 | 114 RenderBlock {div} at (8,25) size 50x0 |
| 113 RenderImage {img} at (0,0) size 50x0 | 115 RenderImage {img} at (0,0) size 50x0 |
| 114 RenderBlock {div} at (58,8) size 650.41x34 | 116 RenderBlock {div} at (58,8) size 650.41x34 |
| 115 RenderInline {t} at (0,0) size 49x17 | 117 RenderBlock {t} at (8,8) size 634.41x18 |
| 116 RenderText {#text} at (8,8) size 49x17 | 118 RenderBlock (anonymous) at (0,0) size 634.41x18 |
| 117 text run at (8,8) width 49: "jetBlue" | 119 RenderText {#text} at (0,0) size 49x17 |
| 118 RenderText {#text} at (0,0) size 0x0 | 120 text run at (0,0) width 49: "jetBlue" |
| 119 RenderBlock {div} at (708.41,8) size 51.59x34 [color=#ABB4B6] | 121 RenderBlock {div} at (708.41,8) size 51.59x34 [color=#ABB4B6] |
| 120 RenderInline {t} at (0,0) size 36x17 | 122 RenderBlock {t} at (8,8) size 35.59x18 |
| 121 RenderInline {a} at (0,0) size 36x17 [color=#1155CC] | 123 RenderBlock {a} at (0,0) size 35.59x18 [color=#1155CC] |
| 122 RenderText {#text} at (8,8) size 36x17 | 124 RenderBlock (anonymous) at (0,0) size 35.59x18 |
| 123 text run at (8,8) width 36: "$650" | 125 RenderText {#text} at (0,0) size 36x17 |
| 124 RenderText {#text} at (0,0) size 0x0 | 126 text run at (0,0) width 36: "$650" |
| 125 RenderFlexibleBox {app-panel-content} at (0,146) size 768x50 | 127 RenderFlexibleBox {app-panel-content} at (0,146) size 768x50 |
| 126 RenderBlock {div} at (8,25) size 50x0 | 128 RenderBlock {div} at (8,25) size 50x0 |
| 127 RenderImage {img} at (0,0) size 50x0 | 129 RenderImage {img} at (0,0) size 50x0 |
| 128 RenderBlock {div} at (58,8) size 650.41x34 | 130 RenderBlock {div} at (58,8) size 650.41x34 |
| 129 RenderInline {t} at (0,0) size 47x17 | 131 RenderBlock {t} at (8,8) size 634.41x18 |
| 130 RenderText {#text} at (8,8) size 47x17 | 132 RenderBlock (anonymous) at (0,0) size 634.41x18 |
| 131 text run at (8,8) width 47: "United" | 133 RenderText {#text} at (0,0) size 47x17 |
| 132 RenderText {#text} at (0,0) size 0x0 | 134 text run at (0,0) width 47: "United" |
| 133 RenderBlock {div} at (708.41,8) size 51.59x34 [color=#ABB4B6] | 135 RenderBlock {div} at (708.41,8) size 51.59x34 [color=#ABB4B6] |
| 134 RenderInline {t} at (0,0) size 36x17 | 136 RenderBlock {t} at (8,8) size 35.59x18 |
| 135 RenderInline {a} at (0,0) size 36x17 [color=#1155CC] | 137 RenderBlock {a} at (0,0) size 35.59x18 [color=#1155CC] |
| 136 RenderText {#text} at (8,8) size 36x17 | 138 RenderBlock (anonymous) at (0,0) size 35.59x18 |
| 137 text run at (8,8) width 36: "$367" | 139 RenderText {#text} at (0,0) size 36x17 |
| 138 RenderText {#text} at (0,0) size 0x0 | 140 text run at (0,0) width 36: "$367" |
| 139 layer at (514,522) size 254x46 | 141 layer at (609,509) size 159x59 |
| 140 RenderFlexibleBox {app-toast} at (513.98,522) size 254.02x46 [bgcolor=#B0281A]
[border: (1px solid #AEA477)] | 142 RenderFlexibleBox {app-toast} at (609.31,509) size 158.69x59 [bgcolor=#B0281A]
[border: (1px solid #AEA477)] |
| 141 RenderBlock {div} at (7,7) size 32x32 | 143 RenderBlock {div} at (7,13.50) size 32x32 |
| 142 RenderBlock {div} at (0,0) size 32x32 [border: (2px solid #000000)] | 144 RenderBlock {div} at (0,0) size 32x32 [border: (2px solid #000000)] |
| 143 RenderInline {t} at (0,0) size 16x27 | 145 RenderBlock {t} at (2,2) size 28x30 |
| 144 RenderText {#text} at (8,3) size 16x27 | 146 RenderBlock (anonymous) at (0,0) size 28x30 |
| 145 text run at (8,3) width 16: "?" | 147 RenderText {#text} at (6,1) size 16x27 |
| 146 RenderText {#text} at (0,0) size 0x0 | 148 text run at (6,1) width 16: "?" |
| 147 RenderBlock {div} at (45,15.50) size 202.02x15 | 149 RenderBlock {div} at (45,7) size 106.69x45 |
| 148 RenderBlock {div} at (0,0) size 202.02x15 | 150 RenderBlock {div} at (0,0) size 106.69x45 |
| 149 RenderInline {t} at (0,0) size 203x15 | 151 RenderBlock {t} at (0,0) size 106.69x45 |
| 150 RenderText {#text} at (0,0) size 64x15 | 152 RenderBlock (anonymous) at (0,0) size 106.69x15 |
| 151 text run at (0,0) width 64: "Flights are " | 153 RenderText {#text} at (0,0) size 60x15 |
| 152 RenderInline {span} at (0,0) size 29x15 | 154 text run at (0,0) width 60: "Flights are" |
| 153 RenderText {#text} at (63,0) size 29x15 | 155 RenderBlock {span} at (0,15) size 106.69x15 |
| 154 text run at (63,0) width 29: "$200" | 156 RenderBlock (anonymous) at (0,0) size 106.69x15 |
| 155 RenderText {#text} at (91,0) size 112x15 | 157 RenderText {#text} at (0,0) size 29x15 |
| 156 text run at (91,0) width 112: " cheaper tomorrow." | 158 text run at (0,0) width 29: "$200" |
| 157 RenderText {#text} at (0,0) size 0x0 | 159 RenderBlock (anonymous) at (0,30) size 106.69x15 |
| 160 RenderText {#text} at (0,0) size 107x15 |
| 161 text run at (0,0) width 107: "cheaper tomorrow." |
| 158 | 162 |
| OLD | NEW |