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

Side by Side Diff: Source/core/inspector/InspectorOverlayPage.html

Issue 309473002: [DevTools] Cleanup inspector overlay and make it work with virtual viewport. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
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
OLDNEW
1 <!-- 1 <!--
2 Copyright (C) 2012 Google Inc. All rights reserved. 2 Copyright (C) 2012 Google Inc. All rights reserved.
3 3
4 Redistribution and use in source and binary forms, with or without 4 Redistribution and use in source and binary forms, with or without
5 modification, are permitted provided that the following conditions 5 modification, are permitted provided that the following conditions
6 are met: 6 are met:
7 7
8 1. Redistributions of source code must retain the above copyright 8 1. Redistributions of source code must retain the above copyright
9 notice, this list of conditions and the following disclaimer. 9 notice, this list of conditions and the following disclaimer.
10 2. Redistributions in binary form must reproduce the above copyright 10 2. Redistributions in binary form must reproduce the above copyright
(...skipping 351 matching lines...) Expand 10 before | Expand all | Expand 10 after
362 var drawGridBoolean = drawViewSizeWithGrid === "true"; 362 var drawGridBoolean = drawViewSizeWithGrid === "true";
363 var text = viewportSize.width + "px \u00D7 " + viewportSize.height + "px"; 363 var text = viewportSize.width + "px \u00D7 " + viewportSize.height + "px";
364 context.save(); 364 context.save();
365 context.font = "20px "; 365 context.font = "20px ";
366 switch (platform) { 366 switch (platform) {
367 case "windows": context.font = "14px Consolas"; break; 367 case "windows": context.font = "14px Consolas"; break;
368 case "mac": context.font = "14px Menlo"; break; 368 case "mac": context.font = "14px Menlo"; break;
369 case "linux": context.font = "14px dejavu sans mono"; break; 369 case "linux": context.font = "14px dejavu sans mono"; break;
370 } 370 }
371 371
372 var frameWidth = frameViewFullSize.width || canvasWidth; 372 var frameWidth = canvasWidth;
373 var textWidth = context.measureText(text).width; 373 var textWidth = context.measureText(text).width;
374 context.fillStyle = gridBackgroundColor; 374 context.fillStyle = gridBackgroundColor;
375 context.fillRect(frameWidth - textWidth - 12, drawGridBoolean ? 15 : 0, fram eWidth, 25); 375 context.fillRect(frameWidth - textWidth - 12, drawGridBoolean ? 15 : 0, fram eWidth, 25);
376 context.fillStyle = darkGridColor; 376 context.fillStyle = darkGridColor;
377 context.fillText(text, frameWidth - textWidth - 6, drawGridBoolean ? 33 : 18 ); 377 context.fillText(text, frameWidth - textWidth - 6, drawGridBoolean ? 33 : 18 );
378 context.restore(); 378 context.restore();
379 if (drawGridBoolean) 379 if (drawGridBoolean)
380 _drawGrid(); 380 _drawGrid();
381 } 381 }
382 382
383 function reset(resetData) 383 function reset(resetData)
384 { 384 {
385 window.viewportSize = resetData.viewportSize; 385 window.viewportSize = resetData.viewportSize;
386 window.frameViewFullSize = resetData.frameViewFullSize;
387 window.deviceScaleFactor = resetData.deviceScaleFactor; 386 window.deviceScaleFactor = resetData.deviceScaleFactor;
388 window.pageZoomFactor = resetData.pageZoomFactor; 387 window.pageZoomFactor = resetData.pageZoomFactor;
389 window.pageScaleFactor = resetData.pageScaleFactor; 388 window.pageScaleFactor = resetData.pageScaleFactor;
390 window.scrollX = Math.round(resetData.scrollX * pageScaleFactor); 389 window.scrollX = Math.round(resetData.scrollX * pageScaleFactor);
391 window.scrollY = Math.round(resetData.scrollY * pageScaleFactor); 390 window.scrollY = Math.round(resetData.scrollY * pageScaleFactor);
392 391
393 window.canvas = document.getElementById("canvas"); 392 window.canvas = document.getElementById("canvas");
394 window.context = canvas.getContext("2d"); 393 window.context = canvas.getContext("2d");
395 394
396 canvas.width = deviceScaleFactor * viewportSize.width; 395 canvas.width = deviceScaleFactor * viewportSize.width;
(...skipping 345 matching lines...) Expand 10 before | Expand all | Expand 10 after
742 <div class="button" id="step-over-button" title="Step over next function cal l (F10)."><div class="glyph"></div></div> 741 <div class="button" id="step-over-button" title="Step over next function cal l (F10)."><div class="glyph"></div></div>
743 </div> 742 </div>
744 </body> 743 </body>
745 <canvas id="canvas" class="fill"></canvas> 744 <canvas id="canvas" class="fill"></canvas>
746 <div id="element-title"> 745 <div id="element-title">
747 <span id="tag-name"></span><span id="node-id"></span><span id="class-name"></s pan> 746 <span id="tag-name"></span><span id="node-id"></span><span id="class-name"></s pan>
748 <span id="node-width"></span><span class="px">px</span><span class="px"> &#xD7 ; </span><span id="node-height"></span><span class="px">px</span> 747 <span id="node-width"></span><span class="px">px</span><span class="px"> &#xD7 ; </span><span id="node-height"></span><span class="px">px</span>
749 </div> 748 </div>
750 <div id="log"></div> 749 <div id="log"></div>
751 </html> 750 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698