Devtools: Add device frames to device mode

third_party/WebKit/Source/devtools/front_end/emulated_devices/module.json

 {
     "extensions": [
         {
             "type": "emulated-device",
             "device": {
                 "show-by-default": false,
                 "title": "iPhone 4" ,
                 "screen": {
                     "horizontal": {
                         "width": 480,
@@ skipping 69 matching lines @@
                 "show-by-default": true,
                 "title": "iPhone 6",
                 "screen": {
                     "horizontal": {
                         "width": 667,
                         "height": 375
                     },
                     "device-pixel-ratio": 2,
                     "vertical": {
                         "width": 375,
-                        "height": 667
+                        "height": 667,
+                        "outline": {
+                            "insets": { "left": 30, "top": 112, "right": 29, "bottom": 106 },
+                            "image": "@url(art-iphone-6s-silver-vertical.png)"
+                        }
                     }
                 },
                 "capabilities": [
                     "touch",
                     "mobile"
                 ],
                 "user-agent": "Mozilla/5.0 (iPhone; CPU iPhone OS 9_1 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13B143 Safari/601.1",
                 "type": "phone",
                 "modes": [
                     {
@@ skipping 16 matching lines @@
                 "show-by-default": true,
                 "title": "iPhone 6 Plus",
                 "screen": {
                     "horizontal": {
                         "width": 736,
                         "height": 414
                     },
                     "device-pixel-ratio": 3,
                     "vertical": {
                         "width": 414,
-                        "height": 736
+                        "height": 736,
+                        "outline": {
+                            "insets": { "left": 34, "top": 125, "right": 33, "bottom": 120 },
+                            "image": "@url(art-iphone-6s-plus-silver-vertical.png)"
+                        }
                     }
                 },
                 "capabilities": [
                     "touch",
                     "mobile"
                 ],
                 "user-agent": "Mozilla/5.0 (iPhone; CPU iPhone OS 9_1 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13B143 Safari/601.1",
                 "type": "phone",
                 "modes": [
                     {
@@ skipping 152 matching lines @@
                 "user-agent": "Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/48.0.2564.23 Mobile Safari/537.36",
                 "capabilities": [
                     "touch",
                     "mobile"
                 ],
                 "show-by-default": true,
                 "screen": {
                     "device-pixel-ratio": 2.625,
                     "vertical": {
                         "width": 411,
-                        "height": 731
+                        "height": 731,
+                        "outline": {
+                            "insets": { "left": 19, "top": 82, "right": 23, "bottom": 94 },
+                            "image": "@url(art-google-nexus-5x-vertical.png)"
+                        }
                     },
                     "horizontal": {
                         "width": 731,
                         "height": 411
                     }
                 },
                 "modes": [
                     {
                         "title": "default",
                         "orientation": "vertical",
@@ skipping 76 matching lines @@
                 "show-by-default": true,
                 "title": "Nexus 6P",
                 "screen": {
                     "horizontal": {
                         "width": 773,
                         "height": 435
                     },
                     "device-pixel-ratio": 3.3,
                     "vertical": {
                         "width": 435,
-                        "height": 773
+                        "height": 773,
+                        "outline": {
+                            "insets": { "left": 17, "top": 99, "right": 20, "bottom": 92 },
+                            "image": "@url(art-google-nexus-6p-vertical.png)"
+                        }
                     }
                 },
                 "capabilities": [
                     "touch",
                     "mobile"
                 ],
                 "user-agent": "Mozilla/5.0 (Linux; Android 5.1.1; Nexus 6 Build/LYZ28E) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/48.0.2564.23 Mobile Safari/537.36",
                 "type": "phone",
                 "modes": [
                     {
@@ skipping 567 matching lines @@
         }
     ],
     "dependencies": [
         "emulation"
     ],
     "scripts": [
     ],
     "resources": [
     ]
 }