895f69d17a
This patch introduces page emulation, making it possible to emulate different devices.
1150 lines
31 KiB
JavaScript
1150 lines
31 KiB
JavaScript
/**
|
|
* Copyright 2017 Google Inc. All rights reserved.
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
module.exports =
|
|
[
|
|
{
|
|
'type': 'emulated-device',
|
|
'device': {
|
|
'show-by-default': false,
|
|
'title': 'iPhone 4' ,
|
|
'screen': {
|
|
'horizontal': {
|
|
'width': 480,
|
|
'height': 320
|
|
},
|
|
'device-pixel-ratio': 2,
|
|
'vertical': {
|
|
'width': 320,
|
|
'height': 480
|
|
}
|
|
},
|
|
'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': [
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'vertical',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
},
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'horizontal',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
'type': 'emulated-device',
|
|
'order': 40,
|
|
'device': {
|
|
'show-by-default': true,
|
|
'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
|
|
}
|
|
},
|
|
'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': [
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'vertical',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
},
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'horizontal',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
'type': 'emulated-device',
|
|
'order': 50,
|
|
'device': {
|
|
'show-by-default': true,
|
|
'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
|
|
}
|
|
},
|
|
'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': [
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'vertical',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
},
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'horizontal',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
'type': 'emulated-device',
|
|
'order': 60,
|
|
'device': {
|
|
'show-by-default': true,
|
|
'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
|
|
}
|
|
},
|
|
'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': [
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'vertical',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
},
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'horizontal',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
'type': 'emulated-device',
|
|
'device': {
|
|
'show-by-default': false,
|
|
'title': 'BlackBerry Z30',
|
|
'screen': {
|
|
'horizontal': {
|
|
'width': 640,
|
|
'height': 360
|
|
},
|
|
'device-pixel-ratio': 2,
|
|
'vertical': {
|
|
'width': 360,
|
|
'height': 640
|
|
}
|
|
},
|
|
'capabilities': [
|
|
'touch',
|
|
'mobile'
|
|
],
|
|
'user-agent': 'Mozilla/5.0 (BB10; Touch) AppleWebKit/537.10+ (KHTML, like Gecko) Version/10.0.9.2372 Mobile Safari/537.10+',
|
|
'type': 'phone',
|
|
'modes': [
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'vertical',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
},
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'horizontal',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
'type': 'emulated-device',
|
|
'device': {
|
|
'show-by-default': false,
|
|
'title': 'Nexus 4',
|
|
'screen': {
|
|
'horizontal': {
|
|
'width': 640,
|
|
'height': 384
|
|
},
|
|
'device-pixel-ratio': 2,
|
|
'vertical': {
|
|
'width': 384,
|
|
'height': 640
|
|
}
|
|
},
|
|
'capabilities': [
|
|
'touch',
|
|
'mobile'
|
|
],
|
|
'user-agent': 'Mozilla/5.0 (Linux; Android 4.4.2; Nexus 4 Build/KOT49H) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/59.0.3071.104 Mobile Safari/537.36',
|
|
'type': 'phone',
|
|
'modes': [
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'vertical',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
},
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'horizontal',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
'type': 'emulated-device',
|
|
'device': {
|
|
'title': 'Nexus 5',
|
|
'type': 'phone',
|
|
'user-agent': 'Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/59.0.3071.104 Mobile Safari/537.36',
|
|
'capabilities': [
|
|
'touch',
|
|
'mobile'
|
|
],
|
|
'show-by-default': false,
|
|
'screen': {
|
|
'device-pixel-ratio': 3,
|
|
'vertical': {
|
|
'width': 360,
|
|
'height': 640
|
|
},
|
|
'horizontal': {
|
|
'width': 640,
|
|
'height': 360
|
|
}
|
|
},
|
|
'modes': [
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'vertical',
|
|
'insets': { 'left': 0, 'top': 25, 'right': 0, 'bottom': 48 },
|
|
'image': '@url(google-nexus-5-vertical-default-1x.png) 1x, @url(google-nexus-5-vertical-default-2x.png) 2x'
|
|
},
|
|
{
|
|
'title': 'navigation bar',
|
|
'orientation': 'vertical',
|
|
'insets': { 'left': 0, 'top': 80, 'right': 0, 'bottom': 48 },
|
|
'image': '@url(google-nexus-5-vertical-navigation-1x.png) 1x, @url(google-nexus-5-vertical-navigation-2x.png) 2x'
|
|
},
|
|
{
|
|
'title': 'keyboard',
|
|
'orientation': 'vertical',
|
|
'insets': { 'left': 0, 'top': 80, 'right': 0, 'bottom': 312 },
|
|
'image': '@url(google-nexus-5-vertical-keyboard-1x.png) 1x, @url(google-nexus-5-vertical-keyboard-2x.png) 2x'
|
|
},
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'horizontal',
|
|
'insets': { 'left': 0, 'top': 25, 'right': 42, 'bottom': 0 },
|
|
'image': '@url(google-nexus-5-horizontal-default-1x.png) 1x, @url(google-nexus-5-horizontal-default-2x.png) 2x'
|
|
},
|
|
{
|
|
'title': 'navigation bar',
|
|
'orientation': 'horizontal',
|
|
'insets': { 'left': 0, 'top': 80, 'right': 42, 'bottom': 0 },
|
|
'image': '@url(google-nexus-5-horizontal-navigation-1x.png) 1x, @url(google-nexus-5-horizontal-navigation-2x.png) 2x'
|
|
},
|
|
{
|
|
'title': 'keyboard',
|
|
'orientation': 'horizontal',
|
|
'insets': { 'left': 0, 'top': 80, 'right': 42, 'bottom': 202 },
|
|
'image': '@url(google-nexus-5-horizontal-keyboard-1x.png) 1x, @url(google-nexus-5-horizontal-keyboard-2x.png) 2x'
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
'type': 'emulated-device',
|
|
'order': 20,
|
|
'device': {
|
|
'title': 'Nexus 5X',
|
|
'type': 'phone',
|
|
'user-agent': 'Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/59.0.3071.104 Mobile Safari/537.36',
|
|
'capabilities': [
|
|
'touch',
|
|
'mobile'
|
|
],
|
|
'show-by-default': true,
|
|
'screen': {
|
|
'device-pixel-ratio': 2.625,
|
|
'vertical': {
|
|
'outline' : {
|
|
'image': '@url(Nexus5X-portrait.svg)',
|
|
'insets' : { 'left': 18, 'top': 88, 'right': 22, 'bottom': 98 }
|
|
},
|
|
'width': 412,
|
|
'height': 732
|
|
},
|
|
'horizontal': {
|
|
'outline' : {
|
|
'image': '@url(Nexus5X-landscape.svg)',
|
|
'insets' : { 'left': 88, 'top': 21, 'right': 98, 'bottom': 19 }
|
|
},
|
|
'width': 732,
|
|
'height': 412
|
|
}
|
|
},
|
|
'modes': [
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'vertical',
|
|
'insets': { 'left': 0, 'top': 24, 'right': 0, 'bottom': 48 },
|
|
'image': '@url(google-nexus-5x-vertical-default-1x.png) 1x, @url(google-nexus-5x-vertical-default-2x.png) 2x'
|
|
},
|
|
{
|
|
'title': 'navigation bar',
|
|
'orientation': 'vertical',
|
|
'insets': { 'left': 0, 'top': 80, 'right': 0, 'bottom': 48 },
|
|
'image': '@url(google-nexus-5x-vertical-navigation-1x.png) 1x, @url(google-nexus-5x-vertical-navigation-2x.png) 2x'
|
|
},
|
|
{
|
|
'title': 'keyboard',
|
|
'orientation': 'vertical',
|
|
'insets': { 'left': 0, 'top': 80, 'right': 0, 'bottom': 342 },
|
|
'image': '@url(google-nexus-5x-vertical-keyboard-1x.png) 1x, @url(google-nexus-5x-vertical-keyboard-2x.png) 2x'
|
|
},
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'horizontal',
|
|
'insets': { 'left': 0, 'top': 24, 'right': 48, 'bottom': 0 },
|
|
'image': '@url(google-nexus-5x-horizontal-default-1x.png) 1x, @url(google-nexus-5x-horizontal-default-2x.png) 2x'
|
|
},
|
|
{
|
|
'title': 'navigation bar',
|
|
'orientation': 'horizontal',
|
|
'insets': { 'left': 0, 'top': 80, 'right': 48, 'bottom': 0 },
|
|
'image': '@url(google-nexus-5x-horizontal-navigation-1x.png) 1x, @url(google-nexus-5x-horizontal-navigation-2x.png) 2x'
|
|
},
|
|
{
|
|
'title': 'keyboard',
|
|
'orientation': 'horizontal',
|
|
'insets': { 'left': 0, 'top': 80, 'right': 48, 'bottom': 222 },
|
|
'image': '@url(google-nexus-5x-horizontal-keyboard-1x.png) 1x, @url(google-nexus-5x-horizontal-keyboard-2x.png) 2x'
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
'type': 'emulated-device',
|
|
'device': {
|
|
'show-by-default': false,
|
|
'title': 'Nexus 6',
|
|
'screen': {
|
|
'horizontal': {
|
|
'width': 732,
|
|
'height': 412
|
|
},
|
|
'device-pixel-ratio': 3.5,
|
|
'vertical': {
|
|
'width': 412,
|
|
'height': 732
|
|
}
|
|
},
|
|
'capabilities': [
|
|
'touch',
|
|
'mobile'
|
|
],
|
|
'user-agent': 'Mozilla/5.0 (Linux; Android 5.1.1; Nexus 6 Build/LYZ28E) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/59.0.3071.104 Mobile Safari/537.36',
|
|
'type': 'phone',
|
|
'modes': [
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'vertical',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
},
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'horizontal',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
'type': 'emulated-device',
|
|
'order': 30,
|
|
'device': {
|
|
'show-by-default': true,
|
|
'title': 'Nexus 6P',
|
|
'screen': {
|
|
'horizontal': {
|
|
'outline' : {
|
|
'image': '@url(Nexus6P-landscape.svg)',
|
|
'insets' : { 'left': 94, 'top': 17, 'right': 88, 'bottom': 17 }
|
|
},
|
|
'width': 732,
|
|
'height': 412
|
|
},
|
|
'device-pixel-ratio': 3.5,
|
|
'vertical': {
|
|
'outline' : {
|
|
'image': '@url(Nexus6P-portrait.svg)',
|
|
'insets' : { 'left': 16, 'top': 94, 'right': 16, 'bottom': 88 }
|
|
},
|
|
'width': 412,
|
|
'height': 732
|
|
}
|
|
},
|
|
'capabilities': [
|
|
'touch',
|
|
'mobile'
|
|
],
|
|
'user-agent': 'Mozilla/5.0 (Linux; Android 5.1.1; Nexus 6 Build/LYZ28E) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/59.0.3071.104 Mobile Safari/537.36',
|
|
'type': 'phone',
|
|
'modes': [
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'vertical',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
},
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'horizontal',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
'type': 'emulated-device',
|
|
'device': {
|
|
'show-by-default': false,
|
|
'title': 'LG Optimus L70',
|
|
'screen': {
|
|
'horizontal': {
|
|
'width': 640,
|
|
'height': 384
|
|
},
|
|
'device-pixel-ratio': 1.25,
|
|
'vertical': {
|
|
'width': 384,
|
|
'height': 640
|
|
}
|
|
},
|
|
'capabilities': [
|
|
'touch',
|
|
'mobile'
|
|
],
|
|
'user-agent': 'Mozilla/5.0 (Linux; U; Android 4.4.2; en-us; LGMS323 Build/KOT49I.MS32310c) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/59.0.3071.104 Mobile Safari/537.36',
|
|
'type': 'phone',
|
|
'modes': [
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'vertical',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
},
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'horizontal',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
'type': 'emulated-device',
|
|
'device': {
|
|
'show-by-default': false,
|
|
'title': 'Nokia N9',
|
|
'screen': {
|
|
'horizontal': {
|
|
'width': 640,
|
|
'height': 360
|
|
},
|
|
'device-pixel-ratio': 1,
|
|
'vertical': {
|
|
'width': 360,
|
|
'height': 640
|
|
}
|
|
},
|
|
'capabilities': [
|
|
'touch',
|
|
'mobile'
|
|
],
|
|
'user-agent': 'Mozilla/5.0 (MeeGo; NokiaN9) AppleWebKit/534.13 (KHTML, like Gecko) NokiaBrowser/8.5.0 Mobile Safari/534.13',
|
|
'type': 'phone',
|
|
'modes': [
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'vertical',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
},
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'horizontal',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
'type': 'emulated-device',
|
|
'device': {
|
|
'show-by-default': false,
|
|
'title': 'Nokia Lumia 520',
|
|
'screen': {
|
|
'horizontal': {
|
|
'width': 533,
|
|
'height': 320
|
|
},
|
|
'device-pixel-ratio': 1.5,
|
|
'vertical': {
|
|
'width': 320,
|
|
'height': 533
|
|
}
|
|
},
|
|
'capabilities': [
|
|
'touch',
|
|
'mobile'
|
|
],
|
|
'user-agent': 'Mozilla/5.0 (compatible; MSIE 10.0; Windows Phone 8.0; Trident/6.0; IEMobile/10.0; ARM; Touch; NOKIA; Lumia 520)',
|
|
'type': 'phone',
|
|
'modes': [
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'vertical',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
},
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'horizontal',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
'type': 'emulated-device',
|
|
'device': {
|
|
'show-by-default': false,
|
|
'title': 'Microsoft Lumia 550',
|
|
'screen': {
|
|
'horizontal': {
|
|
'width': 640,
|
|
'height': 360
|
|
},
|
|
'device-pixel-ratio': 2,
|
|
'vertical': {
|
|
'width': 640,
|
|
'height': 360
|
|
}
|
|
},
|
|
'capabilities': [
|
|
'touch',
|
|
'mobile'
|
|
],
|
|
'user-agent': 'Mozilla/5.0 (Windows Phone 10.0; Android 4.2.1; Microsoft; Lumia 550) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2486.0 Mobile Safari/537.36 Edge/14.14263',
|
|
'type': 'phone',
|
|
'modes': [
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'vertical',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
},
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'horizontal',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
'type': 'emulated-device',
|
|
'device': {
|
|
'show-by-default': false,
|
|
'title': 'Microsoft Lumia 950',
|
|
'screen': {
|
|
'horizontal': {
|
|
'width': 640,
|
|
'height': 360
|
|
},
|
|
'device-pixel-ratio': 4,
|
|
'vertical': {
|
|
'width': 360,
|
|
'height': 640
|
|
}
|
|
},
|
|
'capabilities': [
|
|
'touch',
|
|
'mobile'
|
|
],
|
|
'user-agent': 'Mozilla/5.0 (Windows Phone 10.0; Android 4.2.1; Microsoft; Lumia 950) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2486.0 Mobile Safari/537.36 Edge/14.14263',
|
|
'type': 'phone',
|
|
'modes': [
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'vertical',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
},
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'horizontal',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
'type': 'emulated-device',
|
|
'device': {
|
|
'show-by-default': false,
|
|
'title': 'Galaxy S III',
|
|
'screen': {
|
|
'horizontal': {
|
|
'width': 640,
|
|
'height': 360
|
|
},
|
|
'device-pixel-ratio': 2,
|
|
'vertical': {
|
|
'width': 360,
|
|
'height': 640
|
|
}
|
|
},
|
|
'capabilities': [
|
|
'touch',
|
|
'mobile'
|
|
],
|
|
'user-agent': 'Mozilla/5.0 (Linux; U; Android 4.0; en-us; GT-I9300 Build/IMM76D) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30',
|
|
'type': 'phone',
|
|
'modes': [
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'vertical',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
},
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'horizontal',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
'type': 'emulated-device',
|
|
'order': 10,
|
|
'device': {
|
|
'show-by-default': true,
|
|
'title': 'Galaxy S5',
|
|
'screen': {
|
|
'horizontal': {
|
|
'width': 640,
|
|
'height': 360
|
|
},
|
|
'device-pixel-ratio': 3,
|
|
'vertical': {
|
|
'width': 360,
|
|
'height': 640
|
|
}
|
|
},
|
|
'capabilities': [
|
|
'touch',
|
|
'mobile'
|
|
],
|
|
'user-agent': 'Mozilla/5.0 (Linux; Android 5.0; SM-G900P Build/LRX21T) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/59.0.3071.104 Mobile Safari/537.36',
|
|
'type': 'phone',
|
|
'modes': [
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'vertical',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
},
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'horizontal',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
'type': 'emulated-device',
|
|
'device': {
|
|
'show-by-default': false,
|
|
'title': 'Kindle Fire HDX',
|
|
'screen': {
|
|
'horizontal': {
|
|
'width': 2560,
|
|
'height': 1600
|
|
},
|
|
'device-pixel-ratio': 2,
|
|
'vertical': {
|
|
'width': 1600,
|
|
'height': 2560
|
|
}
|
|
},
|
|
'capabilities': [
|
|
'touch',
|
|
'mobile'
|
|
],
|
|
'user-agent': 'Mozilla/5.0 (Linux; U; en-us; KFAPWI Build/JDQ39) AppleWebKit/535.19 (KHTML, like Gecko) Silk/3.13 Safari/535.19 Silk-Accelerated=true',
|
|
'type': 'tablet',
|
|
'modes': [
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'vertical',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
},
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'horizontal',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
'type': 'emulated-device',
|
|
'device': {
|
|
'show-by-default': false,
|
|
'title': 'iPad Mini',
|
|
'screen': {
|
|
'horizontal': {
|
|
'width': 1024,
|
|
'height': 768
|
|
},
|
|
'device-pixel-ratio': 2,
|
|
'vertical': {
|
|
'width': 768,
|
|
'height': 1024
|
|
}
|
|
},
|
|
'capabilities': [
|
|
'touch',
|
|
'mobile'
|
|
],
|
|
'user-agent': 'Mozilla/5.0 (iPad; CPU OS 9_1 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13B143 Safari/601.1',
|
|
'type': 'tablet',
|
|
'modes': [
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'vertical',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
},
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'horizontal',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
'type': 'emulated-device',
|
|
'order': 70,
|
|
'device': {
|
|
'show-by-default': true,
|
|
'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
|
|
}
|
|
},
|
|
'capabilities': [
|
|
'touch',
|
|
'mobile'
|
|
],
|
|
'user-agent': 'Mozilla/5.0 (iPad; CPU OS 9_1 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13B143 Safari/601.1',
|
|
'type': 'tablet',
|
|
'modes': [
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'vertical',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
},
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'horizontal',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
'type': 'emulated-device',
|
|
'order': 80,
|
|
'device': {
|
|
'show-by-default': true,
|
|
'title': 'iPad Pro',
|
|
'screen': {
|
|
'horizontal': {
|
|
'width': 1366,
|
|
'height': 1024
|
|
},
|
|
'device-pixel-ratio': 2,
|
|
'vertical': {
|
|
'width': 1024,
|
|
'height': 1366
|
|
}
|
|
},
|
|
'capabilities': [
|
|
'touch',
|
|
'mobile'
|
|
],
|
|
'user-agent': 'Mozilla/5.0 (iPad; CPU OS 9_1 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13B143 Safari/601.1',
|
|
'type': 'tablet',
|
|
'modes': [
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'vertical',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
},
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'horizontal',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
'type': 'emulated-device',
|
|
'device': {
|
|
'show-by-default': false,
|
|
'title': 'Blackberry PlayBook',
|
|
'screen': {
|
|
'horizontal': {
|
|
'width': 1024,
|
|
'height': 600
|
|
},
|
|
'device-pixel-ratio': 1,
|
|
'vertical': {
|
|
'width': 600,
|
|
'height': 1024
|
|
}
|
|
},
|
|
'capabilities': [
|
|
'touch',
|
|
'mobile'
|
|
],
|
|
'user-agent': 'Mozilla/5.0 (PlayBook; U; RIM Tablet OS 2.1.0; en-US) AppleWebKit/536.2+ (KHTML like Gecko) Version/7.2.1.0 Safari/536.2+',
|
|
'type': 'tablet',
|
|
'modes': [
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'vertical',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
},
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'horizontal',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
'type': 'emulated-device',
|
|
'device': {
|
|
'show-by-default': false,
|
|
'title': 'Nexus 10',
|
|
'screen': {
|
|
'horizontal': {
|
|
'width': 1280,
|
|
'height': 800
|
|
},
|
|
'device-pixel-ratio': 2,
|
|
'vertical': {
|
|
'width': 800,
|
|
'height': 1280
|
|
}
|
|
},
|
|
'capabilities': [
|
|
'touch',
|
|
'mobile'
|
|
],
|
|
'user-agent': 'Mozilla/5.0 (Linux; Android 4.3; Nexus 10 Build/JSS15Q) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/59.0.3071.104 Safari/537.36',
|
|
'type': 'tablet',
|
|
'modes': [
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'vertical',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
},
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'horizontal',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
'type': 'emulated-device',
|
|
'device': {
|
|
'show-by-default': false,
|
|
'title': 'Nexus 7',
|
|
'screen': {
|
|
'horizontal': {
|
|
'width': 960,
|
|
'height': 600
|
|
},
|
|
'device-pixel-ratio': 2,
|
|
'vertical': {
|
|
'width': 600,
|
|
'height': 960
|
|
}
|
|
},
|
|
'capabilities': [
|
|
'touch',
|
|
'mobile'
|
|
],
|
|
'user-agent': 'Mozilla/5.0 (Linux; Android 4.3; Nexus 7 Build/JSS15Q) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/59.0.3071.104 Safari/537.36',
|
|
'type': 'tablet',
|
|
'modes': [
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'vertical',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
},
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'horizontal',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
'type': 'emulated-device',
|
|
'device': {
|
|
'show-by-default': false,
|
|
'title': 'Galaxy Note 3',
|
|
'screen': {
|
|
'horizontal': {
|
|
'width': 640,
|
|
'height': 360
|
|
},
|
|
'device-pixel-ratio': 3,
|
|
'vertical': {
|
|
'width': 360,
|
|
'height': 640
|
|
}
|
|
},
|
|
'capabilities': [
|
|
'touch',
|
|
'mobile'
|
|
],
|
|
'user-agent': 'Mozilla/5.0 (Linux; U; Android 4.3; en-us; SM-N900T Build/JSS15J) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30',
|
|
'type': 'phone',
|
|
'modes': [
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'vertical',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
},
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'horizontal',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
'type': 'emulated-device',
|
|
'device': {
|
|
'show-by-default': false,
|
|
'title': 'Galaxy Note II',
|
|
'screen': {
|
|
'horizontal': {
|
|
'width': 640,
|
|
'height': 360
|
|
},
|
|
'device-pixel-ratio': 2,
|
|
'vertical': {
|
|
'width': 360,
|
|
'height': 640
|
|
}
|
|
},
|
|
'capabilities': [
|
|
'touch',
|
|
'mobile'
|
|
],
|
|
'user-agent': 'Mozilla/5.0 (Linux; U; Android 4.1; en-us; GT-N7100 Build/JRO03C) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30',
|
|
'type': 'phone',
|
|
'modes': [
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'vertical',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
},
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'horizontal',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
'type': 'emulated-device',
|
|
'device': {
|
|
'show-by-default': false,
|
|
'title': 'Laptop with touch',
|
|
'screen': {
|
|
'horizontal': {
|
|
'width': 1280,
|
|
'height': 950
|
|
},
|
|
'device-pixel-ratio': 1,
|
|
'vertical': {
|
|
'width': 950,
|
|
'height': 1280
|
|
}
|
|
},
|
|
'capabilities': [
|
|
'touch'
|
|
],
|
|
'user-agent': '',
|
|
'type': 'notebook',
|
|
'modes': [
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'horizontal',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
'type': 'emulated-device',
|
|
'device': {
|
|
'show-by-default': false,
|
|
'title': 'Laptop with HiDPI screen',
|
|
'screen': {
|
|
'horizontal': {
|
|
'width': 1440,
|
|
'height': 900
|
|
},
|
|
'device-pixel-ratio': 2,
|
|
'vertical': {
|
|
'width': 900,
|
|
'height': 1440
|
|
}
|
|
},
|
|
'capabilities': [],
|
|
'user-agent': '',
|
|
'type': 'notebook',
|
|
'modes': [
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'horizontal',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
'type': 'emulated-device',
|
|
'device': {
|
|
'show-by-default': false,
|
|
'title': 'Laptop with MDPI screen',
|
|
'screen': {
|
|
'horizontal': {
|
|
'width': 1280,
|
|
'height': 800
|
|
},
|
|
'device-pixel-ratio': 1,
|
|
'vertical': {
|
|
'width': 800,
|
|
'height': 1280
|
|
}
|
|
},
|
|
'capabilities': [],
|
|
'user-agent': '',
|
|
'type': 'notebook',
|
|
'modes': [
|
|
{
|
|
'title': 'default',
|
|
'orientation': 'horizontal',
|
|
'insets': { 'left': 0, 'top': 0, 'right': 0, 'bottom': 0 }
|
|
}
|
|
]
|
|
}
|
|
}
|
|
];
|