[DevTools] Initial implementation of device modes.

Source/devtools/front_end/emulated_devices/module.json

Index: Source/devtools/front_end/emulated_devices/module.json
diff --git a/Source/devtools/front_end/emulated_devices/module.json b/Source/devtools/front_end/emulated_devices/module.json
index 2a212042256347845cf316f1048b20375073d1fa..7a6859fb2b715be63b2732cf0c06e0ba96bc07b1 100644
--- a/Source/devtools/front_end/emulated_devices/module.json
+++ b/Source/devtools/front_end/emulated_devices/module.json
@@ -172,7 +172,68 @@
                         "height": 360
                     }
                 },
-                "modes": []
+                "modes": [
+                    {
+                        "title": "default",
+                        "orientation": "vertical",
+                        "page-rect": {

[pfeldman, 2015/06/13 06:48:59]

Should we define rects on one line for readability? It also could be [t, r, b,
l] to save the bytes.

[dgozman, 2015/06/16 15:09:30]

Will do in a follow-up.

+                            "left": 0,
+                            "top": 25,
+                            "width": 360,
+                            "height": 567
+                        }
+                    },
+                    {
+                        "title": "navigation bar",
+                        "orientation": "vertical",
+                        "page-rect": {
+                            "left": 0,
+                            "top": 80,
+                            "width": 360,
+                            "height": 512
+                        }
+                    },
+                    {
+                        "title": "keyboard",
+                        "orientation": "vertical",
+                        "page-rect": {
+                            "left": 0,
+                            "top": 80,
+                            "width": 360,
+                            "height": 248
+                        }
+                    },
+                    {
+                        "title": "default",
+                        "orientation": "horizontal",
+                        "page-rect": {
+                            "left": 0,
+                            "top": 25,
+                            "width": 598,
+                            "height": 335
+                        }
+                    },
+                    {
+                        "title": "navigation bar",
+                        "orientation": "horizontal",
+                        "page-rect": {
+                            "left": 0,
+                            "top": 80,
+                            "width": 598,
+                            "height": 280
+                        }
+                    },
+                    {
+                        "title": "keyboard",
+                        "orientation": "horizontal",
+                        "page-rect": {
+                            "left": 0,
+                            "top": 80,
+                            "width": 598,
+                            "height": 78
+                        }
+                    }
+                ]
             }
         },
         {
@@ -333,13 +394,13 @@
                 "title": "Amazon Kindle Fire HDX",
                 "screen": {
                     "horizontal": {
-                        "width": 1600,
-                        "height": 2560
+                        "width": 2560,
+                        "height": 1600
                     },
                     "device-pixel-ratio": 2,
                     "vertical": {
-                        "width": 2560,
-                        "height": 1600
+                        "width": 1600,
+                        "height": 2560
                     }
                 },
                 "capabilities": [
@@ -358,13 +419,13 @@
                 "title": "Apple iPad Mini",
                 "screen": {
                     "horizontal": {
-                        "width": 768,
-                        "height": 1024
+                        "width": 1024,
+                        "height": 768
                     },
                     "device-pixel-ratio": 2,
                     "vertical": {
-                        "width": 1024,
-                        "height": 768
+                        "width": 768,
+                        "height": 1024
                     }
                 },
                 "capabilities": [
@@ -383,13 +444,13 @@
                 "title": "Apple iPad",
                 "screen": {
                     "horizontal": {
-                        "width": 768,
-                        "height": 1024
+                        "width": 1024,
+                        "height": 768
                     },
                     "device-pixel-ratio": 2,
                     "vertical": {
-                        "width": 1024,
-                        "height": 768
+                        "width": 768,
+                        "height": 1024
                     }
                 },
                 "capabilities": [
@@ -408,13 +469,13 @@
                 "title": "BlackBerry PlayBook",
                 "screen": {
                     "horizontal": {
-                        "width": 600,
-                        "height": 1024
+                        "width": 1024,
+                        "height": 600
                     },
                     "device-pixel-ratio": 1,
                     "vertical": {
-                        "width": 1024,
-                        "height": 600
+                        "width": 600,
+                        "height": 1024
                     }
                 },
                 "capabilities": [
@@ -433,13 +494,13 @@
                 "title": "Google Nexus 10",
                 "screen": {
                     "horizontal": {
-                        "width": 800,
-                        "height": 1280
+                        "width": 1280,
+                        "height": 800
                     },
                     "device-pixel-ratio": 2,
                     "vertical": {
-                        "width": 1280,
-                        "height": 800
+                        "width": 800,
+                        "height": 1280
                     }
                 },
                 "capabilities": [
@@ -458,13 +519,13 @@
                 "title": "Google Nexus 7",
                 "screen": {
                     "horizontal": {
-                        "width": 600,
-                        "height": 960
+                        "width": 960,
+                        "height": 600
                     },
                     "device-pixel-ratio": 2,
                     "vertical": {
-                        "width": 960,
-                        "height": 600
+                        "width": 600,
+                        "height": 960
                     }
                 },
                 "capabilities": [