Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1815)

Unified Diff: Source/devtools/front_end/OverridesView.js

Issue 77723002: Remove the autosizing modes in favor of a dev site link. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Rebase, address reviewer comments Created 7 years ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « Source/devtools/front_end/OverridesSupport.js ('k') | Source/devtools/front_end/overrides.css » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: Source/devtools/front_end/OverridesView.js
diff --git a/Source/devtools/front_end/OverridesView.js b/Source/devtools/front_end/OverridesView.js
index 0f3c4b4b7d481579c52c85ec74ed7a433ed8eb6a..1f7b1bf5cf6ac1f9a80b2bf7e7ef7d1a26c763fd 100644
--- a/Source/devtools/front_end/OverridesView.js
+++ b/Source/devtools/front_end/OverridesView.js
@@ -261,135 +261,134 @@ WebInspector.OverridesView.DeviceTab = function()
// - screen width,
// - screen height,
// - device scale factor,
-// - use android font metrics,
// - use text autosizing.
WebInspector.OverridesView.DeviceTab._phones = [
["Apple iPhone 3GS",
"Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_2_1 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8C148 Safari/6533.18.5",
- "320x480x1x0x1"],
+ "320x480x1"],
["Apple iPhone 4",
"Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_2_1 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8C148 Safari/6533.18.5",
- "640x960x2x0x1"],
+ "640x960x2"],
["Apple iPhone 5",
"Mozilla/5.0 (iPhone; CPU iPhone OS 7_0 like Mac OS X; en-us) AppleWebKit/537.51.1 (KHTML, like Gecko) Version/7.0 Mobile/11A465 Safari/9537.53",
- "640x1136x2x0x1"],
+ "640x1136x2"],
["BlackBerry Z10",
"Mozilla/5.0 (BB10; Touch) AppleWebKit/537.10+ (KHTML, like Gecko) Version/10.0.9.2372 Mobile Safari/537.10+",
- "768x1280x2x0x1"],
+ "768x1280x2"],
["BlackBerry Z30",
"Mozilla/5.0 (BB10; Touch) AppleWebKit/537.10+ (KHTML, like Gecko) Version/10.0.9.2372 Mobile Safari/537.10+",
- "720x1280x2x0x1"],
+ "720x1280x2"],
["Google Nexus 4",
"Mozilla/5.0 (Linux; Android 4.2.1; en-us; Nexus 4 Build/JOP40D) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Mobile Safari/535.19",
- "768x1280x2x1x1"],
+ "768x1280x2"],
["Google Nexus 5",
"Mozilla/5.0 (Linux; Android 4.2.1; en-us; Nexus 5 Build/JOP40D) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Mobile Safari/535.19",
- "1080x1920x3x1x1"],
+ "1080x1920x3"],
["Google Nexus S",
"Mozilla/5.0 (Linux; U; Android 2.3.4; en-us; Nexus S Build/GRJ22) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1",
- "480x800x1.5x1x1"],
+ "480x800x1.5"],
["HTC Evo, Touch HD, Desire HD, Desire",
"Mozilla/5.0 (Linux; U; Android 2.2; en-us; Sprint APA9292KT Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1",
- "480x800x1.5x1x1"],
+ "480x800x1.5"],
["HTC One X, EVO LTE",
"Mozilla/5.0 (Linux; Android 4.0.3; HTC One X Build/IML74K) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.133 Mobile Safari/535.19",
- "720x1280x2x1x1"],
+ "720x1280x2"],
["HTC Sensation, Evo 3D",
"Mozilla/5.0 (Linux; U; Android 4.0.3; en-us; HTC Sensation Build/IML74K) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30",
- "540x960x1.5x1x1"],
+ "540x960x1.5"],
["LG Optimus 2X, Optimus 3D, Optimus Black",
"Mozilla/5.0 (Linux; U; Android 2.2; en-us; LG-P990/V08c Build/FRG83) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1 MMS/LG-Android-MMS-V1.0/1.2",
- "480x800x1.5x1x1"],
+ "480x800x1.5"],
["LG Optimus G",
"Mozilla/5.0 (Linux; Android 4.0; LG-E975 Build/IMM76L) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Mobile Safari/535.19",
- "768x1280x2x1x1"],
+ "768x1280x2"],
["LG Optimus LTE, Optimus 4X HD",
"Mozilla/5.0 (Linux; U; Android 2.3; en-us; LG-P930 Build/GRJ90) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1",
- "720x1280x1.7x1x1"],
+ "720x1280x1.7"],
["LG Optimus One",
"Mozilla/5.0 (Linux; U; Android 2.2.1; en-us; LG-MS690 Build/FRG83) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1",
- "320x480x1.5x1x1"],
+ "320x480x1.5"],
["Motorola Defy, Droid, Droid X, Milestone",
"Mozilla/5.0 (Linux; U; Android 2.0; en-us; Milestone Build/ SHOLS_U2_01.03.1) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/530.17",
- "480x854x1.5x1x1"],
+ "480x854x1.5"],
["Motorola Droid 3, Droid 4, Droid Razr, Atrix 4G, Atrix 2",
"Mozilla/5.0 (Linux; U; Android 2.2; en-us; Droid Build/FRG22D) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1",
- "540x960x1x1x1"],
+ "540x960x1"],
["Motorola Droid Razr HD",
"Mozilla/5.0 (Linux; U; Android 2.3; en-us; DROID RAZR 4G Build/6.5.1-73_DHD-11_M1-29) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1",
- "720x1280x1x1x1"],
+ "720x1280x1"],
["Nokia C5, C6, C7, N97, N8, X7",
"NokiaN97/21.1.107 (SymbianOS/9.4; Series60/5.0 Mozilla/5.0; Profile/MIDP-2.1 Configuration/CLDC-1.1) AppleWebkit/525 (KHTML, like Gecko) BrowserNG/7.1.4",
- "360x640x1x0x1"],
+ "360x640x1"],
["Nokia Lumia 7X0, Lumia 8XX, Lumia 900, N800, N810, N900",
"Mozilla/5.0 (compatible; MSIE 10.0; Windows Phone 8.0; Trident/6.0; IEMobile/10.0; ARM; Touch; NOKIA; Lumia 820)",
- "480x800x1.5x0x1"],
+ "480x800x1.5"],
["Samsung Galaxy Note 3",
"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",
- "1080x1920x2x1x1"],
+ "1080x1920x2"],
["Samsung Galaxy Note II",
"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",
- "720x1280x2x1x1"],
+ "720x1280x2"],
["Samsung Galaxy Note",
"Mozilla/5.0 (Linux; U; Android 2.3; en-us; SAMSUNG-SGH-I717 Build/GINGERBREAD) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1",
- "800x1280x2x1x1"],
+ "800x1280x2"],
["Samsung Galaxy S III, Galaxy Nexus",
"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",
- "720x1280x2x1x1"],
+ "720x1280x2"],
["Samsung Galaxy S, S II, W",
"Mozilla/5.0 (Linux; U; Android 2.1; en-us; GT-I9000 Build/ECLAIR) AppleWebKit/525.10+ (KHTML, like Gecko) Version/3.0.4 Mobile Safari/523.12.2",
- "480x800x1.5x1x1"],
+ "480x800x1.5"],
["Samsung Galaxy S4",
"Mozilla/5.0 (Linux; U; Android 2.1; en-us; GT-I9000 Build/ECLAIR) AppleWebKit/525.10+ (KHTML, like Gecko) Version/3.0.4 Mobile Safari/523.12.2",
- "1080x1920x3x1x1"],
+ "1080x1920x3"],
["Sony Xperia S, Ion",
"Mozilla/5.0 (Linux; U; Android 4.0; en-us; LT28at Build/6.1.C.1.111) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30",
- "720x1280x2x1x1"],
+ "720x1280x2"],
["Sony Xperia Sola, U",
"Mozilla/5.0 (Linux; U; Android 2.3; en-us; SonyEricssonST25i Build/6.0.B.1.564) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1",
- "480x854x1x1x1"],
+ "480x854x1"],
["Sony Xperia Z, Z1",
"Mozilla/5.0 (Linux; U; Android 4.2; en-us; SonyC6903 Build/14.1.G.1.518) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30",
- "1080x1920x3x1x1"],
+ "1080x1920x3"],
];
WebInspector.OverridesView.DeviceTab._tablets = [
["Amazon Amazon Kindle Fire HD 7\"",
"Mozilla/5.0 (Linux; U; Android 2.3.4; en-us; Kindle Fire HD Build/GINGERBREAD) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1",
- "1280x800x1.5x1x1"],
+ "1280x800x1.5"],
["Amazon Amazon Kindle Fire HD 8.9\"",
"Mozilla/5.0 (Linux; U; Android 2.3.4; en-us; Kindle Fire HD Build/GINGERBREAD) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1",
- "1920x1200x1.5x1x1"],
+ "1920x1200x1.5"],
["Amazon Amazon Kindle Fire",
"Mozilla/5.0 (Linux; U; Android 2.3.4; en-us; Kindle Fire Build/GINGERBREAD) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1",
- "1024x600x1x1x1"],
+ "1024x600x1"],
["Apple iPad 1 / 2 / iPad Mini",
"Mozilla/5.0 (iPad; CPU OS 4_3_5 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8L1 Safari/6533.18.5",
- "1024x768x1x0x1"],
+ "1024x768x1"],
["Apple iPad 3 / 4",
- "Mozilla/5.0 (iPad; CPU OS 7_0 like Mac OS X) AppleWebKit/537.51.1 (KHTML, like Gecko) Version/7.0 Mobile/11A465 Safari/9537.53",
- "2048x1536x2x0x1"],
+ "Mozilla/5.0 (iPhone; CPU iPhone OS 7_0 like Mac OS X) AppleWebKit/537.51.1 (KHTML, like Gecko) Version/7.0 Mobile/11A465 Safari/9537.53",
+ "2048x1536x2"],
["BlackBerry PlayBook",
"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+",
- "1024x600x1x0x1"],
+ "1024x600x1"],
["Google Nexus 10",
"Mozilla/5.0 (Linux; Android 4.3; Nexus 10 Build/JSS15Q) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/29.0.1547.72 Safari/537.36",
- "2560x1600x2x1x1"],
+ "2560x1600x2"],
["Google Nexus 7 2",
"Mozilla/5.0 (Linux; Android 4.3; Nexus 7 Build/JSS15Q) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/29.0.1547.72 Safari/537.36",
- "1920x1200x2x1x1"],
+ "1920x1200x2"],
["Google Nexus 7",
"Mozilla/5.0 (Linux; Android 4.3; Nexus 7 Build/JSS15Q) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/29.0.1547.72 Safari/537.36",
- "1280x800x1.325x1x1"],
+ "1280x800x1.325"],
["Motorola Xoom, Xyboard",
"Mozilla/5.0 (Linux; U; Android 3.0; en-us; Xoom Build/HRI39) AppleWebKit/525.10 (KHTML, like Gecko) Version/3.0.4 Mobile Safari/523.12.2",
- "1280x800x1x1x1"],
+ "1280x800x1"],
["Samsung Galaxy Tab 7.7, 8.9, 10.1",
"Mozilla/5.0 (Linux; U; Android 2.2; en-us; SCH-I800 Build/FROYO) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1",
- "1280x800x1x1x1"],
+ "1280x800x1"],
["Samsung Galaxy Tab",
"Mozilla/5.0 (Linux; U; Android 2.2; en-us; SCH-I800 Build/FROYO) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1",
- "1024x600x1x1x1"],
+ "1024x600x1"],
];
WebInspector.OverridesView.DeviceTab.prototype = {
@@ -453,6 +452,13 @@ WebInspector.OverridesView.ViewportTab = function()
this.element.appendChild(checkbox);
this.element.appendChild(this._createDeviceMetricsElement(metrics));
this.element.appendChild(this._createMediaEmulationElement());
+
+ var footnote = this.element.createChild("p", "help-footnote");
+ var footnoteLink = footnote.createChild("a");
+ footnoteLink.href = "https://developers.google.com/chrome-developer-tools/docs/mobile-emulation";
+ footnoteLink.target = "_blank";
+ footnoteLink.createTextChild(WebInspector.UIString("More information about screen emulation"));
+
this._onMetricsCheckboxClicked(WebInspector.settings.overrideDeviceMetrics.get());
}
@@ -479,7 +485,7 @@ WebInspector.OverridesView.ViewportTab.prototype = {
_doApplyDeviceMetricsUserInput: function()
{
delete this._applyDeviceMetricsTimer;
- this._setDeviceMetricsOverride(WebInspector.OverridesSupport.DeviceMetrics.parseUserInput(this._widthOverrideElement.value.trim(), this._heightOverrideElement.value.trim(), this._deviceScaleFactorOverrideElement.value.trim(), this._textAutosizingOverrideCheckbox.checked, this._useAndroidFontMetricsCheckbox.checked), true);
+ this._setDeviceMetricsOverride(WebInspector.OverridesSupport.DeviceMetrics.parseUserInput(this._widthOverrideElement.value.trim(), this._heightOverrideElement.value.trim(), this._deviceScaleFactorOverrideElement.value.trim(), this._textAutosizingOverrideCheckbox.checked), true);
},
/**
@@ -508,8 +514,6 @@ WebInspector.OverridesView.ViewportTab.prototype = {
this._heightOverrideElement.value = metrics.heightToInput();
this._deviceScaleFactorOverrideElement.value = metrics.deviceScaleFactorToInput();
this._textAutosizingOverrideCheckbox.checked = metrics.textAutosizing;
- this._useAndroidFontMetricsCheckbox.checked = metrics.useAndroidFontMetrics;
- this._useAndroidFontMetricsCheckbox.disabled = metrics.isUseAndroidFontMetricsDisabled();
}
if (metrics.isValid()) {
@@ -567,21 +571,12 @@ WebInspector.OverridesView.ViewportTab.prototype = {
cellElement = rowElement.createChild("td");
this._deviceScaleFactorOverrideElement = this._createInput(cellElement, "metrics-override-device-scale", String(metrics.deviceScaleFactor || 1), this._applyDeviceMetricsUserInput.bind(this), true);
- var textAutosizingOverrideElement = this._createNonPersistedCheckbox(WebInspector.UIString("Enable text autosizing"), this._applyDeviceMetricsUserInput.bind(this));
+ var textAutosizingOverrideElement = this._createNonPersistedCheckbox(WebInspector.UIString("Enable text autosizing "), this._applyDeviceMetricsUserInput.bind(this));
textAutosizingOverrideElement.title = WebInspector.UIString("Text autosizing is the feature that boosts font sizes on mobile devices.");
this._textAutosizingOverrideCheckbox = textAutosizingOverrideElement.firstChild;
this._textAutosizingOverrideCheckbox.checked = metrics.textAutosizing;
fieldsetElement.appendChild(textAutosizingOverrideElement);
- var androidFontMetricsFieldset = document.createElement("fieldset");
- androidFontMetricsFieldset.title = WebInspector.UIString("Android artificially increases the font metrics used by text autosizing based on the system settings and screen size.");
- var useAndroidFontMetricsElement = this._createNonPersistedCheckbox(WebInspector.UIString("Use Android font metrics"), this._applyDeviceMetricsUserInput.bind(this));
- this._useAndroidFontMetricsCheckbox = useAndroidFontMetricsElement.firstChild;
- this._useAndroidFontMetricsCheckbox.checked = metrics.useAndroidFontMetrics;
- this._useAndroidFontMetricsCheckbox.disabled = metrics.isUseAndroidFontMetricsDisabled();
- androidFontMetricsFieldset.appendChild(useAndroidFontMetricsElement);
- fieldsetElement.appendChild(androidFontMetricsFieldset);
-
var checkbox = this._createSettingCheckbox(WebInspector.UIString("Emulate viewport"), WebInspector.settings.emulateViewport);
fieldsetElement.appendChild(checkbox);
@@ -608,10 +603,6 @@ WebInspector.OverridesView.ViewportTab.prototype = {
this._deviceScaleFactorOverrideElement.value = metrics.deviceScaleFactor || 1;
if (this._textAutosizingOverrideCheckbox.checked !== metrics.textAutosizing)
this._textAutosizingOverrideCheckbox.checked = metrics.textAutosizing || false;
- if (this._useAndroidFontMetricsCheckbox.checked !== metrics.useAndroidFontMetrics)
- this._useAndroidFontMetricsCheckbox.checked = metrics.useAndroidFontMetrics || false;
- if (this._useAndroidFontMetricsCheckbox.disabled !== metrics.isUseAndroidFontMetricsDisabled())
- this._useAndroidFontMetricsCheckbox.disabled = metrics.isUseAndroidFontMetricsDisabled();
},
_createMediaEmulationElement: function()
« no previous file with comments | « Source/devtools/front_end/OverridesSupport.js ('k') | Source/devtools/front_end/overrides.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698