[DevTools] Handle emulated device scale factor and original device scale factor properly.

third_party/WebKit/Source/devtools/front_end/emulation/InspectedPagePlaceholder.js

Index: third_party/WebKit/Source/devtools/front_end/emulation/InspectedPagePlaceholder.js
diff --git a/third_party/WebKit/Source/devtools/front_end/emulation/InspectedPagePlaceholder.js b/third_party/WebKit/Source/devtools/front_end/emulation/InspectedPagePlaceholder.js
index 6b7c5e11d0feae9fd1fa94c3e6b44970f3d51d82..40844e32014326c0c6ebe3954bc12d677cfc8ce9 100644
--- a/third_party/WebKit/Source/devtools/front_end/emulation/InspectedPagePlaceholder.js
+++ b/third_party/WebKit/Source/devtools/front_end/emulation/InspectedPagePlaceholder.js
@@ -78,7 +78,8 @@ WebInspector.InspectedPagePlaceholder.prototype = {
 
     _dipPageRect: function()
     {
-        var zoomFactor = WebInspector.zoomManager.zoomFactor();
+        var windowToViewportRatio = 1000 / DevToolsHost.convertLengthForEmbedder(1000);

[dgozman, 2016/02/29 20:26:20]

Looks like this compensates for similar call to convertLengthForEmbedder in
devtools.js file. Just remove it altogether.

[oshima, 2016/02/29 21:28:03]

setInspectedPageBounds is also used by browser, which uses DIP, to update the
bounds, so we can't simply remove it.
The issue is that the same function is called from browser and renderer, which
now uses different coordinate system.

How about creating a separate API for a browser (like
setInspectedPageBoundsInDIP)?

[dgozman, 2016/02/29 21:38:41]

Not sure I'm following you. setInspectedPageBounds is only used from the
devtools' renderer and goes directly to the browser window. It should talk in
whatever units browser ui understands (I think that's DIP).

There is no other usage of this function or
DevToolsHost.convertLengthForEmbedder.

[oshima, 2016/02/29 22:59:50]

Sorry I seem to have wrong memory. I somehow thought the devtool layout is
controlled by browser process. Done.

+        var zoomFactor = WebInspector.zoomManager.zoomFactor() * windowToViewportRatio;
         var rect = this.element.getBoundingClientRect();
         var bodyRect = this.element.ownerDocument.body.getBoundingClientRect();