[DevTools] Option to show device frames in emulation mode

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

Index: third_party/WebKit/Source/devtools/front_end/emulated_devices/module.json
diff --git a/third_party/WebKit/Source/devtools/front_end/emulated_devices/module.json b/third_party/WebKit/Source/devtools/front_end/emulated_devices/module.json
index e9422a7825359e07501b8da6cd37fe92f3fe7dd5..a85147e0cbecce25d73bf6b214da75c608a9e0b2 100644
--- a/third_party/WebKit/Source/devtools/front_end/emulated_devices/module.json
+++ b/third_party/WebKit/Source/devtools/front_end/emulated_devices/module.json
@@ -44,11 +44,19 @@
                 "title": "iPhone 5",
                 "screen": {
                     "horizontal": {
+                        "outline" : {
+                            "image": "@url(iPhone5-landscape.svg)",
+                            "insets" : { "left": 115, "top": 25, "right": 115, "bottom": 28 }
+                        },
                         "width": 568,
                         "height": 320
                     },
                     "device-pixel-ratio": 2,
                     "vertical": {
+                        "outline" : {
+                            "image": "@url(iPhone5-portrait.svg)",
+                            "insets" : { "left": 29, "top": 105, "right": 25, "bottom": 111 }
+                        },
                         "width": 320,
                         "height": 568
                     }
@@ -81,11 +89,19 @@
                 "title": "iPhone 6",
                 "screen": {
                     "horizontal": {
+                        "outline" : {
+                            "image": "@url(iPhone6-landscape.svg)",
+                            "insets" : { "left": 106, "top": 28, "right": 106, "bottom": 28 }
+                        },
                         "width": 667,
                         "height": 375
                     },
                     "device-pixel-ratio": 2,
                     "vertical": {
+                        "outline" : {
+                            "image": "@url(iPhone6-portrait.svg)",
+                            "insets" : { "left": 28, "top": 105, "right": 28, "bottom": 105 }
+                        },
                         "width": 375,
                         "height": 667
                     }
@@ -118,11 +134,19 @@
                 "title": "iPhone 6 Plus",
                 "screen": {
                     "horizontal": {
+                        "outline" : {
+                            "image": "@url(iPhone6Plus-landscape.svg)",
+                            "insets" : { "left": 109, "top": 29, "right": 109, "bottom": 27 }
+                        },
                         "width": 736,
                         "height": 414
                     },
                     "device-pixel-ratio": 3,
                     "vertical": {
+                        "outline" : {
+                            "image": "@url(iPhone6Plus-portrait.svg)",
+                            "insets" : { "left": 26, "top": 107, "right": 30, "bottom": 111 }
+                        },
                         "width": 414,
                         "height": 736
                     }
@@ -296,10 +320,18 @@
                 "screen": {
                     "device-pixel-ratio": 2.625,
                     "vertical": {
+                        "outline" : {
+                            "image": "@url(Nexus5X-portrait.svg)",
+                            "insets" : { "left": 20, "top": 92, "right": 22, "bottom": 108 }
+                        },
                         "width": 411,
                         "height": 731
                     },
                     "horizontal": {
+                        "outline" : {
+                            "image": "@url(Nexus5X-landscape.svg)",
+                            "insets" : { "left": 94, "top": 23, "right": 100, "bottom": 20 }
+                        },
                         "width": 731,
                         "height": 411
                     }
@@ -388,11 +420,19 @@
                 "title": "Nexus 6P",
                 "screen": {
                     "horizontal": {
+                        "outline" : {
+                            "image": "@url(Nexus6P-landscape.svg)",
+                            "insets" : { "left": 94, "top": 48, "right": 97, "bottom": 48 }

[dgozman, 2016/03/21 21:08:38]

Coordinate changes with Paul here: https://codereview.chromium.org/1822573002/

[mmccoy, 2016/03/21 22:03:05]

Merged and adjusted insets.

+                        },
                         "width": 773,
                         "height": 435
                     },
                     "device-pixel-ratio": 3.3,
                     "vertical": {
+                        "outline" : {
+                            "image": "@url(Nexus6P-portrait.svg)",
+                            "insets" : { "left": 58, "top": 94, "right": 58, "bottom": 97 }
+                        },
                         "width": 435,
                         "height": 773
                     }
@@ -750,11 +790,19 @@
                 "title": "iPad",
                 "screen": {
                     "horizontal": {
+                        "outline" : {
+                            "image": "@url(iPad-landscape.svg)",
+                            "insets" : { "left": 112, "top": 56, "right": 116, "bottom": 52 }
+                        },
                         "width": 1024,
                         "height": 768
                     },
                     "device-pixel-ratio": 2,
                     "vertical": {
+                        "outline" : {
+                            "image": "@url(iPad-portrait.svg)",
+                            "insets" : { "left": 52, "top": 114, "right": 55, "bottom": 114 }
+                        },
                         "width": 768,
                         "height": 1024
                     }