Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance. Project price only 1 $
You can buy this project and download/modify it how often you want.
/*
* Copyright (C) 2013 Google Inc. All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are
* met:
*
* * Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* * Redistributions in binary form must reproduce the above
* copyright notice, this list of conditions and the following disclaimer
* in the documentation and/or other materials provided with the
* distribution.
* * Neither the name of Google Inc. nor the names of its
* contributors may be used to endorse or promote products derived from
* this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
* "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
* LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
* A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
* OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
* SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
* LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
* DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
* THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
import * as Common from '../common/common.js'; // eslint-disable-line no-unused-vars
import * as UI from '../ui/ui.js';
export class RenderingOptionsView extends UI.Widget.VBox {
constructor() {
super(true);
this.registerRequiredCSS('inspector_main/renderingOptions.css');
this._appendCheckbox(
ls`Paint flashing`,
ls
`Highlights areas of the page (green) that need to be repainted. May not be suitable for people prone to photosensitive epilepsy.`,
Common.Settings.Settings.instance().moduleSetting('showPaintRects'));
this._appendCheckbox(
ls`Layout Shift Regions`,
ls
`Highlights areas of the page (blue) that were shifted. May not be suitable for people prone to photosensitive epilepsy.`,
Common.Settings.Settings.instance().moduleSetting('showLayoutShiftRegions'));
this._appendCheckbox(
ls`Layer borders`, ls`Shows layer borders (orange/olive) and tiles (cyan).`,
Common.Settings.Settings.instance().moduleSetting('showDebugBorders'));
this._appendCheckbox(
ls`FPS meter`, ls`Plots frames per second, frame rate distribution, and GPU memory.`,
Common.Settings.Settings.instance().moduleSetting('showFPSCounter'));
this._appendCheckbox(
ls`Scrolling performance issues`,
ls
`Highlights elements (teal) that can slow down scrolling, including touch & wheel event handlers and other main-thread scrolling situations.`,
Common.Settings.Settings.instance().moduleSetting('showScrollBottleneckRects'));
this._appendCheckbox(
ls`Highlight ad frames`, ls`Highlights frames (red) detected to be ads.`,
Common.Settings.Settings.instance().moduleSetting('showAdHighlights'));
this._appendCheckbox(
ls`Hit-test borders`, ls`Shows borders around hit-test regions.`,
Common.Settings.Settings.instance().moduleSetting('showHitTestBorders'));
this.contentElement.createChild('div').classList.add('panel-section-separator');
this._appendSelect(
ls`Forces media type for testing print and screen styles`,
Common.Settings.Settings.instance().moduleSetting('emulatedCSSMedia'));
this._appendSelect(
ls`Forces CSS prefers-color-scheme media feature`,
Common.Settings.Settings.instance().moduleSetting('emulatedCSSMediaFeaturePrefersColorScheme'));
this._appendSelect(
ls`Forces CSS prefers-reduced-motion media feature`,
Common.Settings.Settings.instance().moduleSetting('emulatedCSSMediaFeaturePrefersReducedMotion'));
this.contentElement.createChild('div').classList.add('panel-section-separator');
this._appendSelect(
ls`Forces vision deficiency emulation`,
Common.Settings.Settings.instance().moduleSetting('emulatedVisionDeficiency'));
}
/**
* @param {string} label
* @param {string} subtitle
* @param {!Common.Settings.Setting} setting
*/
_appendCheckbox(label, subtitle, setting) {
const checkboxLabel = UI.UIUtils.CheckboxLabel.create(label, false, subtitle);
UI.SettingsUI.bindCheckbox(checkboxLabel.checkboxElement, setting);
this.contentElement.appendChild(checkboxLabel);
}
/**
* @param {string} label
* @param {!Common.Settings.Setting} setting
*/
_appendSelect(label, setting) {
const control = UI.SettingsUI.createControlForSetting(setting, label);
if (control) {
this.contentElement.appendChild(control);
}
}
}
