chrome-devtools-frontend
Version:
Chrome DevTools UI
38 lines (35 loc) • 5.16 kB
HTML
<!--
Copyright 2020 The Chromium Authors. All rights reserved.
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.
-->
<html lang="en">
<head>
<meta charset="utf-8">
<title>Debug</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<script type="module" src="/out/Default/resources/inspector_overlay/main.js"></script>
</head>
<body>
<script type="module">
const viewportWidth = document.documentElement.clientWidth;
const viewportHeight = document.documentElement.clientHeight;
dispatch(["setPlatform", "mac"]);
dispatch(["setOverlay", "highlight"]);
dispatch(["reset", {
viewportSize: {
width: viewportWidth,
height: viewportHeight,
},
deviceScaleFactor: 2,
pageScaleFactor: 1,
pageZoomFactor: 1,
emulationScaleFactor: 1,
scrollX: 0,
scrollY: 0,
}]);
dispatch(["drawHighlight", { "paths": [ { "path": [ "M", 8, 8, "L", 905.3333740234375, 8, "L", 905.3333740234375, 178, "L", 8, 178, "Z" ], "fillColor": "rgba(255, 0, 0, 0.5)", "outlineColor": "rgba(128, 0, 0, 0)", "name": "content" }, { "path": [ "M", 8, 8, "L", 905.3333740234375, 8, "L", 905.3333740234375, 178, "L", 8, 178, "Z" ], "fillColor": "rgba(0, 255, 0, 0.5)", "name": "padding" }, { "path": [ "M", 8, 8, "L", 905.3333740234375, 8, "L", 905.3333740234375, 178, "L", 8, 178, "Z" ], "fillColor": "rgba(0, 0, 255, 0.5)", "name": "border" }, { "path": [ "M", 8, 8, "L", 905.3333740234375, 8, "L", 905.3333740234375, 178, "L", 8, 178, "Z" ], "fillColor": "rgba(255, 255, 255, 0.5)", "name": "margin" } ], "gridInfo": [ { "rotationAngle": 0, "writingMode": "horizontal-tb", "rows": [ "M", 8.010416984558105, 8, "L", 905.3333740234375, 8, "M", 905.3333740234375, 48, "L", 8.010416984558105, 48, "M", 8.010416984558105, 58, "L", 905.3333740234375, 58, "M", 905.3333740234375, 128, "L", 8.010416984558105, 128, "M", 8.010416984558105, 138, "L", 905.3333740234375, 138, "M", 905.3333740234375, 178, "L", 8.010416984558105, 178 ], "rowGaps": [ "M", 8.010416984558105, 48, "L", 905.3333740234375, 48, "L", 905.3333740234375, 58, "L", 8.010416984558105, 58, "Z", "M", 8.010416984558105, 128, "L", 905.3333740234375, 128, "L", 905.3333740234375, 138, "L", 8.010416984558105, 138, "Z" ], "columns": [ "M", 759.1146240234375, 8, "L", 759.1146240234375, 178, "M", 905.3333740234375, 178, "L", 905.3333740234375, 8, "M", 456.6770935058594, 8, "L", 456.6770935058594, 178, "M", 749.1146240234375, 178, "L", 749.1146240234375, 8, "M", 8.010416984558105, 8, "L", 8.010416984558105, 178, "M", 446.6770935058594, 178, "L", 446.6770935058594, 8 ], "columnGaps": [ "M", 749.1146240234375, 8, "L", 759.1146240234375, 8, "L", 759.1146240234375, 178, "L", 749.1146240234375, 178, "Z", "M", 446.6770935058594, 8, "L", 456.6770935058594, 8, "L", 456.6770935058594, 178, "L", 446.6770935058594, 178, "Z" ], "positiveRowLineNumberPositions": [ { "x": 905.328125, "y": 8 }, { "x": 905.328125, "y": 53 }, { "x": 905.328125, "y": 133 }, { "x": 905.328125, "y": 178 } ], "positiveColumnLineNumberPositions": [ { "x": 905.328125, "y": 8 }, { "x": 754.109375, "y": 8 }, { "x": 451.671875, "y": 8 }, { "x": 8, "y": 8 } ], "negativeRowLineNumberPositions": [ { "x": 8, "y": 8 }, { "x": 8, "y": 53 }, { "x": 8, "y": 133 }, { "x": 8, "y": 178 } ], "negativeColumnLineNumberPositions": [ { "x": 905.328125, "y": 178 }, { "x": 754.109375, "y": 178 }, { "x": 451.671875, "y": 178 }, { "x": 8, "y": 178 } ], "areaNames": { "foo": [ "M", 905.3333740234375, 8, "L", 456.6770935058594, 8, "L", 456.6770935058594, 48, "L", 905.3333740234375, 48, "Z" ], "baz": [ "M", 749.1146240234375, 58, "L", 456.6770935058594, 58, "L", 456.6770935058594, 178, "L", 749.1146240234375, 178, "Z" ], "t": [ "M", 446.6770935058594, 8, "L", 8.010416984558105, 8, "L", 8.010416984558105, 178, "L", 446.6770935058594, 178, "Z" ], "bar": [ "M", 905.3333740234375, 58, "L", 759.1146240234375, 58, "L", 759.1146240234375, 178, "L", 905.3333740234375, 178, "Z" ] }, "rowLineNameOffsets": [ { "x": 905.328125, "y": 8, "name": "header" }, { "x": 905.328125, "y": 133, "name": "footer" }, { "x": 905.328125, "y": 53, "name": "main" } ], "columnLineNameOffsets": [ { "x": 451.671875, "y": 8, "name": "end" }, { "x": 905.328125, "y": 8, "name": "start" }, { "x": 754.109375, "y": 8, "name": "mid" } ], "gridBorder": [ "M", 8.010416984558105, 8, "L", 905.3333740234375, 8, "L", 905.3333740234375, 178, "L", 8.010416984558105, 178, "Z" ], "gridHighlightConfig": { "gridBorderDash": false, "rowLineDash": true, "columnLineDash": true, "showGridExtensionLines": true, "showPositiveLineNumbers": false, "showNegativeLineNumbers": false, "showAreaNames": true, "showLineNames": false, "gridBorderColor": "rgba(255, 0, 0, 0.8)", "rowLineColor": "rgba(128, 0, 0, 0.8)", "columnLineColor": "rgba(128, 0, 0, 0.8)", "rowGapColor": "rgba(0, 255, 0, 0.8)", "columnGapColor": "rgba(0, 0, 255, 0.8)", "rowHatchColor": "rgba(255, 255, 255, 0.8)", "columnHatchColor": "rgba(128, 128, 128, 0.8)", "areaBorderColor": "rgba(255, 0, 0, 0.8)" }, "isPrimaryGrid": true } ] }]);
</script>
</body>
</html>