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

Side by Side Diff: Source/devtools/front_end/ResponsiveDesignView.js

Issue 342443002: [DevTools] Ability to emulate touch or user agent, even when device emulation is turned off. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 6 years, 6 months 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 unified diff | Download patch | Annotate | Revision Log
OLDNEW
1 // Copyright 2014 The Chromium Authors. All rights reserved. 1 // Copyright 2014 The Chromium Authors. All rights reserved.
2 // Use of this source code is governed by a BSD-style license that can be 2 // Use of this source code is governed by a BSD-style license that can be
3 // found in the LICENSE file. 3 // found in the LICENSE file.
4 4
5 /** 5 /**
6 * @constructor 6 * @constructor
7 * @extends {WebInspector.VBox} 7 * @extends {WebInspector.VBox}
8 * @implements {WebInspector.OverridesSupport.PageResizer} 8 * @implements {WebInspector.OverridesSupport.PageResizer}
9 * @param {!WebInspector.InspectedPagePlaceholder} inspectedPagePlaceholder 9 * @param {!WebInspector.InspectedPagePlaceholder} inspectedPagePlaceholder
10 */ 10 */
(...skipping 394 matching lines...) Expand 10 before | Expand all | Expand 10 after
405 this._swapDimensionsElement = fieldsetElement.createChild("button", "res ponsive-design-icon responsive-design-icon-swap"); 405 this._swapDimensionsElement = fieldsetElement.createChild("button", "res ponsive-design-icon responsive-design-icon-swap");
406 this._swapDimensionsElement.title = WebInspector.UIString("Swap dimensio ns"); 406 this._swapDimensionsElement.title = WebInspector.UIString("Swap dimensio ns");
407 this._swapDimensionsElement.addEventListener("click", WebInspector.overr idesSupport.swapDimensions.bind(WebInspector.overridesSupport), false); 407 this._swapDimensionsElement.addEventListener("click", WebInspector.overr idesSupport.swapDimensions.bind(WebInspector.overridesSupport), false);
408 408
409 fieldsetElement.createChild("div", "responsive-design-icon responsive-de sign-icon-dpr").title = WebInspector.UIString("Device pixel ratio"); 409 fieldsetElement.createChild("div", "responsive-design-icon responsive-de sign-icon-dpr").title = WebInspector.UIString("Device pixel ratio");
410 fieldsetElement.appendChild(WebInspector.SettingsUI.createSettingInputFi eld("", WebInspector.overridesSupport.settings.deviceScaleFactor, true, 4, "2.5e m", WebInspector.OverridesSupport.doubleInputValidator, true)); 410 fieldsetElement.appendChild(WebInspector.SettingsUI.createSettingInputFi eld("", WebInspector.overridesSupport.settings.deviceScaleFactor, true, 4, "2.5e m", WebInspector.OverridesSupport.doubleInputValidator, true));
411 411
412 // Touch and viewport. 412 // Touch and viewport.
413 this._touchSection = document.createElementWithClass("div", "responsive- design-section"); 413 this._touchSection = document.createElementWithClass("div", "responsive- design-section");
414 fieldsetElement = WebInspector.SettingsUI.createSettingFieldset(WebInspe ctor.overridesSupport.settings.emulateDevice); 414 fieldsetElement = WebInspector.SettingsUI.createSettingFieldset(WebInspe ctor.overridesSupport.settings.emulateDevice);
415 fieldsetElement.appendChild(WebInspector.SettingsUI.createSettingCheckbo x(WebInspector.UIString("Touch"), WebInspector.overridesSupport.settings.emulate TouchEvents, true)); 415 if (!WebInspector.overridesSupport.hasTouchInputs())
416 fieldsetElement.appendChild(WebInspector.SettingsUI.createSettingChe ckbox(WebInspector.UIString("Touch"), WebInspector.overridesSupport.settings.dev iceTouch, true));
416 var viewportCheckbox = WebInspector.SettingsUI.createSettingCheckbox(Web Inspector.UIString("Mobile"), WebInspector.overridesSupport.settings.emulateView port, true); 417 var viewportCheckbox = WebInspector.SettingsUI.createSettingCheckbox(Web Inspector.UIString("Mobile"), WebInspector.overridesSupport.settings.emulateView port, true);
417 viewportCheckbox.title = WebInspector.UIString("Enable meta viewport, ov erlay scrollbars and default 980px body width"); 418 viewportCheckbox.title = WebInspector.UIString("Enable meta viewport, ov erlay scrollbars and default 980px body width");
418 fieldsetElement.appendChild(viewportCheckbox); 419 fieldsetElement.appendChild(viewportCheckbox);
419 this._touchSection.appendChild(fieldsetElement); 420 this._touchSection.appendChild(fieldsetElement);
420 421
421 // Network. 422 // Network.
422 this._networkSection = document.createElementWithClass("div", "responsiv e-design-section responsive-design-network"); 423 this._networkSection = document.createElementWithClass("div", "responsiv e-design-section responsive-design-network");
423 var networkCheckbox = WebInspector.SettingsUI.createSettingCheckbox(WebI nspector.UIString("Bandwidth"), WebInspector.overridesSupport.settings.emulateNe tworkConditions, true); 424 var networkCheckbox = WebInspector.SettingsUI.createSettingCheckbox(WebI nspector.UIString("Bandwidth"), WebInspector.overridesSupport.settings.emulateNe tworkConditions, true);
424 this._networkSection.appendChild(networkCheckbox); 425 this._networkSection.appendChild(networkCheckbox);
425 this._networkSection.appendChild(WebInspector.overridesSupport.createNet workThroughputSelect(document)); 426 this._networkSection.appendChild(WebInspector.overridesSupport.createNet workThroughputSelect(document));
426 427
427 this._userAgentSection = document.createElementWithClass("div", "respons ive-design-section responsive-design-user-agent-section"); 428 this._userAgentSection = document.createElementWithClass("div", "respons ive-design-section responsive-design-user-agent-section");
428 this._userAgentSection.appendChild(WebInspector.SettingsUI.createSetting Label(WebInspector.UIString("User Agent:"), WebInspector.overridesSupport.settin gs.userAgent, 25, "200px", WebInspector.overridesSupport.settings.overrideUserAg ent, WebInspector.UIString("no override"))); 429 this._userAgentSection.appendChild(WebInspector.SettingsUI.createSetting Label(WebInspector.UIString("User Agent:"), WebInspector.overridesSupport.settin gs.deviceUserAgent, 25, "200px", WebInspector.UIString("no override")));
429 430
430 updateNetworkCheckboxTitle(); 431 updateNetworkCheckboxTitle();
431 WebInspector.overridesSupport.settings.networkConditionsDomains.addChang eListener(updateNetworkCheckboxTitle); 432 WebInspector.overridesSupport.settings.networkConditionsDomains.addChang eListener(updateNetworkCheckboxTitle);
432 433
433 function updateNetworkCheckboxTitle() 434 function updateNetworkCheckboxTitle()
434 { 435 {
435 var domains = WebInspector.overridesSupport.settings.networkConditio nsDomains.get(); 436 var domains = WebInspector.overridesSupport.settings.networkConditio nsDomains.get();
436 if (!domains.trim()) { 437 if (!domains.trim()) {
437 networkCheckbox.title = WebInspector.UIString("Limit for all dom ains"); 438 networkCheckbox.title = WebInspector.UIString("Limit for all dom ains");
438 } else { 439 } else {
(...skipping 36 matching lines...) Expand 10 before | Expand all | Expand 10 after
475 if (this._warningMessage.textContent === message) 476 if (this._warningMessage.textContent === message)
476 return; 477 return;
477 this._warningMessage.classList.toggle("hidden", !message); 478 this._warningMessage.classList.toggle("hidden", !message);
478 this._warningMessage.textContent = message; 479 this._warningMessage.textContent = message;
479 this._invalidateCache(); 480 this._invalidateCache();
480 this.onResize(); 481 this.onResize();
481 }, 482 },
482 483
483 __proto__: WebInspector.VBox.prototype 484 __proto__: WebInspector.VBox.prototype
484 }; 485 };
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698