chrome-devtools-frontend
Version:
Chrome DevTools UI
26 lines (25 loc) • 10.9 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">
function test() {
dispatch(["setPlatform", "mac"]);
dispatch(["setOverlay", "distances"]);
dispatch(["reset"]);
dispatch(['drawDistances', {"paths":[{"path":["M",0,0,"L",915,0,"L",915,892,"L",0,892,"Z"],"fillColor":"rgba(255, 0, 0, 0)","outlineColor":"rgba(128, 0, 0, 0)","name":"content"},{"path":["M",0,0,"L",915,0,"L",915,892,"L",0,892,"Z"],"fillColor":"rgba(0, 255, 0, 0)","name":"padding"},{"path":["M",0,0,"L",915,0,"L",915,892,"L",0,892,"Z"],"fillColor":"rgba(0, 0, 255, 0)","name":"border"},{"path":["M",0,0,"L",915,0,"L",915,892,"L",0,892,"Z"],"fillColor":"rgba(255, 255, 255, 0)","name":"margin"}],"showRulers":true,"showExtensionLines":true,"colorFormat":"hex","distanceInfo":{"boxes":[[0,0,915,892],[0,0,915,892],[0,0,915,892],[0,0,915,892],[0,0,915,892],[0,0,915,64],[0,0,915,64],[0,0,915,0],[-280,0,280,892],[-280,0,280,64],[-280,2,98,64.09375],[-256,20,74,28.09375],[-256,21.09375,74,27],[-256,23.6875,74,24],[-256,23.6875,74,24],[-256,23.6875,74,24],[-280,64,280,828],[0,0,915,64],[8,8,730.03125,48],[8,9,700.03125,48],[24,9,0,0],[738.03125,8,0,48],[738.03125,8,168.96875,48],[738.03125,20,122.96875,24],[738.03125,20,122.96875,24],[738.03125,20,49.296875,24],[753.03125,20,34.296875,24],[753.03125,24,34.296875,16],[787.328125,20,58.671875,24],[802.328125,20,43.671875,24],[802.328125,24,43.671875,16],[861,8,42,48],[861,22.40625,42,16],[861,8,42,48],[861,12,40,40],[861,12,40,40],[869,20,24,24],[873,24,16,16],[571,57,340,468],[0,64,915,0],[0,0,915,624],[0,56,915,238],[321.5,164,272,92],[0,56,915,0],[177,294,561,44],[177,294,561,44],[193,294,24,44],[177,294,561,44],[698,294,24,44],[0,336,915,288],[0,358,915,266],[171,358,573,266],[171,358,573,266],[0,926,915,0],[0,926,915,0],[782.6875,844,116.3125,32],[794.6875,852,16,16],[810.6875,853,88.3125,14],[818.6875,851,68.3125,17],[16,860,16,16],[0,624,0,0],[0,624,915,0],[0,624,915,0],[0,0,915,892]],"content":[0,0,915,0,915,892,0,892],"padding":[0,0,915,0,915,892,0,892],"border":[0,0,915,0,915,892,0,892],"style":{"align-content":"normal","align-items":"normal","align-self":"auto","alignment-baseline":"auto","animation-delay":"0s","animation-direction":"normal","animation-duration":"0s","animation-fill-mode":"none","animation-iteration-count":"1","animation-name":"none","animation-play-state":"running","animation-timing-function":"ease","appearance":"none","backdrop-filter":"none","backface-visibility":"visible","background-attachment":"scroll","background-blend-mode":"normal","background-clip":"border-box","background-color":"#00000000","background-image":"none","background-origin":"padding-box","background-position":"50% 50%","background-repeat":"no-repeat","background-size":"cover","baseline-shift":"0px","block-size":"892px","border-block-end-color":"#000000FF","border-block-end-style":"none","border-block-end-width":"0px","border-block-start-color":"#000000FF","border-block-start-style":"none","border-block-start-width":"0px","border-bottom-color":"#000000FF","border-bottom-left-radius":"0px","border-bottom-right-radius":"0px","border-bottom-style":"none","border-bottom-width":"0px","border-collapse":"separate","border-image-outset":"0","border-image-repeat":"stretch","border-image-slice":"100%","border-image-source":"none","border-image-width":"1","border-inline-end-color":"#000000FF","border-inline-end-style":"none","border-inline-end-width":"0px","border-inline-start-color":"#000000FF","border-inline-start-style":"none","border-inline-start-width":"0px","border-left-color":"#000000FF","border-left-style":"none","border-left-width":"0px","border-right-color":"#000000FF","border-right-style":"none","border-right-width":"0px","border-top-color":"#000000FF","border-top-left-radius":"0px","border-top-right-radius":"0px","border-top-style":"none","border-top-width":"0px","bottom":"0px","box-shadow":"none","box-sizing":"content-box","break-after":"auto","break-before":"auto","break-inside":"auto","buffered-rendering":"auto","caption-side":"top","caret-color":"#000000FF","clear":"none","clip":"auto","clip-path":"none","clip-rule":"nonzero","color":"#000000FF","color-interpolation":"srgb","color-interpolation-filters":"linearrgb","color-rendering":"auto","column-count":"auto","column-gap":"normal","column-rule-color":"#000000FF","column-rule-style":"none","column-rule-width":"0px","column-span":"none","column-width":"auto","content":"normal","cursor":"default","cx":"0px","cy":"0px","d":"none","direction":"ltr","display":"block","dominant-baseline":"auto","empty-cells":"show","fill":"#000000FF","fill-opacity":"1","fill-rule":"nonzero","filter":"none","flex-basis":"auto","flex-direction":"row","flex-grow":"0","flex-shrink":"1","flex-wrap":"nowrap","float":"none","flood-color":"#000000FF","flood-opacity":"1","font-family":"system-ui, system-ui, Roboto, arial, sans-serif","font-kerning":"auto","font-optical-sizing":"auto","font-size":"13px","font-stretch":"100%","font-style":"normal","font-variant":"normal","font-variant-caps":"normal","font-variant-east-asian":"normal","font-variant-ligatures":"normal","font-variant-numeric":"normal","font-weight":"400","grid-auto-columns":"auto","grid-auto-flow":"row","grid-auto-rows":"auto","grid-column-end":"auto","grid-column-start":"auto","grid-row-end":"auto","grid-row-start":"auto","grid-template-areas":"none","grid-template-columns":"none","grid-template-rows":"none","height":"892px","hyphens":"manual","image-orientation":"from-image","image-rendering":"auto","inline-size":"915px","isolation":"auto","justify-content":"normal","justify-items":"normal","justify-self":"auto","left":"0px","letter-spacing":"normal","lighting-color":"#FFFFFFFF","line-break":"auto","line-height":"normal","list-style-image":"none","list-style-position":"outside","list-style-type":"disc","margin-block-end":"0px","margin-block-start":"0px","margin-bottom":"0px","margin-inline-end":"0px","margin-inline-start":"0px","margin-left":"0px","margin-right":"0px","margin-top":"0px","marker-end":"none","marker-mid":"none","marker-start":"none","mask":"none","mask-type":"luminance","max-block-size":"none","max-height":"none","max-inline-size":"none","max-width":"none","min-block-size":"0px","min-height":"0px","min-inline-size":"0px","min-width":"0px","mix-blend-mode":"normal","object-fit":"fill","object-position":"50% 50%","offset-distance":"0px","offset-path":"none","offset-rotate":"auto 0deg","opacity":"0","order":"0","orphans":"2","outline-color":"#000000FF","outline-offset":"0px","outline-style":"none","outline-width":"0px","overflow-anchor":"auto","overflow-wrap":"normal","overflow-x":"visible","overflow-y":"visible","overscroll-behavior-block":"auto","overscroll-behavior-inline":"auto","padding-block-end":"0px","padding-block-start":"0px","padding-bottom":"0px","padding-inline-end":"0px","padding-inline-start":"0px","padding-left":"0px","padding-right":"0px","padding-top":"0px","paint-order":"normal","perspective":"none","perspective-origin":"457.5px 446px","pointer-events":"auto","position":"fixed","r":"0px","resize":"none","right":"0px","row-gap":"normal","ruby-position":"over","rx":"auto","ry":"auto","scroll-behavior":"auto","scroll-margin-block-end":"0px","scroll-margin-block-start":"0px","scroll-margin-inline-end":"0px","scroll-margin-inline-start":"0px","scroll-padding-block-end":"auto","scroll-padding-block-start":"auto","scroll-padding-inline-end":"auto","scroll-padding-inline-start":"auto","shape-image-threshold":"0","shape-margin":"0px","shape-outside":"none","shape-rendering":"auto","speak":"normal","stop-color":"#000000FF","stop-opacity":"1","stroke":"none","stroke-dasharray":"none","stroke-dashoffset":"0px","stroke-linecap":"butt","stroke-linejoin":"miter","stroke-miterlimit":"4","stroke-opacity":"1","stroke-width":"1px","tab-size":"8","table-layout":"auto","text-align":"start","text-align-last":"auto","text-anchor":"start","text-decoration":"none solid rgb(0, 0, 0)","text-decoration-color":"#000000FF","text-decoration-line":"none","text-decoration-skip-ink":"auto","text-decoration-style":"solid","text-indent":"0px","text-overflow":"clip","text-rendering":"auto","text-shadow":"none","text-size-adjust":"auto","text-transform":"none","text-underline-position":"auto","top":"0px","touch-action":"auto","transform":"none","transform-origin":"457.5px 446px","transform-style":"flat","transition-delay":"0s","transition-duration":"0.7s","transition-property":"opacity","transition-timing-function":"ease","unicode-bidi":"normal","user-select":"auto","vector-effect":"none","vertical-align":"baseline","visibility":"visible","white-space":"normal","widows":"2","width":"915px","will-change":"auto","word-break":"normal","word-spacing":"0px","writing-mode":"horizontal-tb","x":"0px","y":"0px","z-index":"auto","zoom":"1","-webkit-app-region":"none","-webkit-border-horizontal-spacing":"0px","-webkit-border-image":"none","-webkit-border-vertical-spacing":"0px","-webkit-box-align":"stretch","-webkit-box-decoration-break":"slice","-webkit-box-direction":"normal","-webkit-box-flex":"0","-webkit-box-ordinal-group":"1","-webkit-box-orient":"horizontal","-webkit-box-pack":"start","-webkit-box-reflect":"none","-webkit-font-smoothing":"auto","-webkit-highlight":"none","-webkit-hyphenate-character":"auto","-webkit-line-break":"auto","-webkit-line-clamp":"none","-webkit-locale":"\"en\"","-webkit-mask-box-image":"none","-webkit-mask-box-image-outset":"0","-webkit-mask-box-image-repeat":"stretch","-webkit-mask-box-image-slice":"0 fill","-webkit-mask-box-image-source":"none","-webkit-mask-box-image-width":"auto","-webkit-mask-clip":"border-box","-webkit-mask-composite":"source-over","-webkit-mask-image":"none","-webkit-mask-origin":"border-box","-webkit-mask-position":"0% 0%","-webkit-mask-repeat":"repeat","-webkit-mask-size":"auto","-webkit-print-color-adjust":"economy","-webkit-rtl-ordering":"logical","-webkit-tap-highlight-color":"#0000002E","-webkit-text-combine":"none","-webkit-text-decorations-in-effect":"none","-webkit-text-emphasis-color":"#000000FF","-webkit-text-emphasis-position":"over right","-webkit-text-emphasis-style":"none","-webkit-text-fill-color":"#000000FF","-webkit-text-orientation":"vertical-right","-webkit-text-security":"none","-webkit-text-stroke-color":"#000000FF","-webkit-text-stroke-width":"0px","-webkit-user-drag":"auto","-webkit-user-modify":"read-only","-webkit-writing-mode":"horizontal-tb"}}}]);
}
test();
</script>
</body>
</html>