OLD | NEW |
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 336 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
347 context.font = "20px "; | 347 context.font = "20px "; |
348 switch (platform) { | 348 switch (platform) { |
349 case "windows": context.font = "14px Consolas"; break; | 349 case "windows": context.font = "14px Consolas"; break; |
350 case "mac": context.font = "14px Menlo"; break; | 350 case "mac": context.font = "14px Menlo"; break; |
351 case "linux": context.font = "14px dejavu sans mono"; break; | 351 case "linux": context.font = "14px dejavu sans mono"; break; |
352 } | 352 } |
353 | 353 |
354 var frameWidth = frameViewFullSize.width || canvasWidth; | 354 var frameWidth = frameViewFullSize.width || canvasWidth; |
355 var textWidth = context.measureText(text).width; | 355 var textWidth = context.measureText(text).width; |
356 context.fillStyle = gridBackgroundColor; | 356 context.fillStyle = gridBackgroundColor; |
357 context.fillRect(frameWidth - textWidth - 12, 15, frameWidth, 25); | 357 context.fillRect(frameWidth - textWidth - 12, 0, frameWidth, 25); |
358 context.fillStyle = darkGridColor; | 358 context.fillStyle = darkGridColor; |
359 context.fillText(text, frameWidth - textWidth - 6, 33); | 359 context.fillText(text, frameWidth - textWidth - 6, 18); |
360 context.restore(); | 360 context.restore(); |
361 | |
362 _drawGrid(false, false); | |
363 } | 361 } |
364 | 362 |
365 function reset(resetData) | 363 function reset(resetData) |
366 { | 364 { |
367 window.viewportSize = resetData.viewportSize; | 365 window.viewportSize = resetData.viewportSize; |
368 window.frameViewFullSize = resetData.frameViewFullSize; | 366 window.frameViewFullSize = resetData.frameViewFullSize; |
369 window.deviceScaleFactor = resetData.deviceScaleFactor; | 367 window.deviceScaleFactor = resetData.deviceScaleFactor; |
370 window.pageZoomFactor = resetData.pageZoomFactor; | 368 window.pageZoomFactor = resetData.pageZoomFactor; |
371 window.pageScaleFactor = resetData.pageScaleFactor; | 369 window.pageScaleFactor = resetData.pageScaleFactor; |
372 window.scrollX = Math.round(resetData.scrollX * pageScaleFactor); | 370 window.scrollX = Math.round(resetData.scrollX * pageScaleFactor); |
(...skipping 265 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
638 </body> | 636 </body> |
639 <canvas id="canvas" class="fill"></canvas> | 637 <canvas id="canvas" class="fill"></canvas> |
640 <div id="element-title"> | 638 <div id="element-title"> |
641 <span id="tag-name"></span><span id="node-id"></span><span id="class-name"></s
pan> | 639 <span id="tag-name"></span><span id="node-id"></span><span id="class-name"></s
pan> |
642 <span id="node-width"></span><span class="px">px</span><span class="px"> ×
; </span><span id="node-height"></span><span class="px">px</span> | 640 <span id="node-width"></span><span class="px">px</span><span class="px"> ×
; </span><span id="node-height"></span><span class="px">px</span> |
643 </div> | 641 </div> |
644 <div id="right-gutter"></div> | 642 <div id="right-gutter"></div> |
645 <div id="bottom-gutter"></div> | 643 <div id="bottom-gutter"></div> |
646 <div id="log"></div> | 644 <div id="log"></div> |
647 </html> | 645 </html> |
OLD | NEW |