Upstream version 9.38.198.0
[platform/framework/web/crosswalk.git] / src / third_party / WebKit / Source / core / inspector / InspectorOverlay.cpp
index 9c502b0..172fcba 100644 (file)
 #include "config.h"
 #include "core/inspector/InspectorOverlay.h"
 
+#include "bindings/core/v8/ScriptController.h"
+#include "bindings/core/v8/ScriptSourceCode.h"
 #include "bindings/core/v8/V8InspectorOverlayHost.h"
-#include "bindings/v8/ScriptController.h"
-#include "bindings/v8/ScriptSourceCode.h"
-#include "core/InspectorOverlayPage.h"
 #include "core/dom/Element.h"
 #include "core/dom/Node.h"
 #include "core/dom/PseudoElement.h"
 #include "core/frame/FrameView.h"
 #include "core/frame/LocalFrame.h"
+#include "core/frame/Settings.h"
 #include "core/inspector/InspectorClient.h"
 #include "core/inspector/InspectorOverlayHost.h"
 #include "core/loader/EmptyClients.h"
 #include "core/page/Chrome.h"
 #include "core/page/EventHandler.h"
 #include "core/page/Page.h"
-#include "core/frame/Settings.h"
+#include "core/rendering/RenderBox.h"
 #include "core/rendering/RenderBoxModelObject.h"
 #include "core/rendering/RenderInline.h"
 #include "core/rendering/RenderObject.h"
+#include "core/rendering/shapes/ShapeOutsideInfo.h"
 #include "core/rendering/style/RenderStyleConstants.h"
 #include "platform/JSONValues.h"
 #include "platform/PlatformMouseEvent.h"
+#include "platform/ScriptForbiddenScope.h"
 #include "platform/graphics/GraphicsContextStateSaver.h"
+#include "public/platform/Platform.h"
+#include "public/platform/WebData.h"
+#include "wtf/Vector.h"
 #include "wtf/text/StringBuilder.h"
 #include <v8.h>
 
-namespace WebCore {
+namespace blink {
 
 namespace {
 
-struct PathApplyInfo {
-    FrameView* rootView;
-    FrameView* view;
-    TypeBuilder::Array<JSONValue>* array;
-    RenderObject* renderer;
-    const ShapeOutsideInfo* shapeOutsideInfo;
+class PathBuilder {
+    WTF_MAKE_NONCOPYABLE(PathBuilder);
+public:
+    PathBuilder() : m_path(TypeBuilder::Array<JSONValue>::create()) { }
+    virtual ~PathBuilder() { }
+
+    PassRefPtr<TypeBuilder::Array<JSONValue> > path() const { return m_path; }
+    void appendPath(const Path& path)
+    {
+        path.apply(this, &PathBuilder::appendPathElement);
+    }
+
+protected:
+    virtual FloatPoint translatePoint(const FloatPoint& point) { return point; }
+
+private:
+    static void appendPathElement(void* pathBuilder, const PathElement* pathElement)
+    {
+        static_cast<PathBuilder*>(pathBuilder)->appendPathElement(pathElement);
+    }
+
+    void appendPathElement(const PathElement*);
+    void appendPathCommandAndPoints(const char* command, const FloatPoint points[], size_t length);
+
+    RefPtr<TypeBuilder::Array<JSONValue> > m_path;
+};
+
+class ShapePathBuilder : public PathBuilder {
+public:
+    ShapePathBuilder(FrameView& view, RenderObject& renderer, const ShapeOutsideInfo& shapeOutsideInfo)
+        : m_view(view)
+        , m_renderer(renderer)
+        , m_shapeOutsideInfo(shapeOutsideInfo) { }
+
+    static PassRefPtr<TypeBuilder::Array<JSONValue> > buildPath(FrameView& view, RenderObject& renderer, const ShapeOutsideInfo& shapeOutsideInfo, const Path& path)
+    {
+        ShapePathBuilder builder(view, renderer, shapeOutsideInfo);
+        builder.appendPath(path);
+        return builder.path();
+    }
+
+protected:
+    virtual FloatPoint translatePoint(const FloatPoint& point)
+    {
+        FloatPoint rendererPoint = m_shapeOutsideInfo.shapeToRendererPoint(point);
+        return m_view.contentsToRootView(roundedIntPoint(m_renderer.localToAbsolute(rendererPoint)));
+    }
+
+private:
+    FrameView& m_view;
+    RenderObject& m_renderer;
+    const ShapeOutsideInfo& m_shapeOutsideInfo;
 };
 
 class InspectorOverlayChromeClient FINAL: public EmptyChromeClient {
@@ -100,7 +151,7 @@ private:
     InspectorOverlay* m_overlay;
 };
 
-Path quadToPath(const FloatQuad& quad)
+static Path quadToPath(const FloatQuad& quad)
 {
     Path quadPath;
     quadPath.moveTo(quad.p1());
@@ -135,36 +186,74 @@ void drawOutlinedQuad(GraphicsContext* context, const FloatQuad& quad, const Col
     context->fillPath(quadPath);
 }
 
-static void contentsQuadToPage(const FrameView* mainView, const FrameView* view, FloatQuad& quad)
+class Highlight {
+public:
+    Highlight()
+        : m_showRulers(false)
+        , m_showExtensionLines(false)
+        , m_highlightPaths(JSONArray::create())
+    { }
+
+    void setDataFromConfig(const HighlightConfig& highlightConfig)
+    {
+        m_showRulers = highlightConfig.showRulers;
+        m_showExtensionLines = highlightConfig.showExtensionLines;
+    }
+
+    void setElementInfo(PassRefPtr<JSONObject> elementInfo)
+    {
+        m_elementInfo = elementInfo;
+    }
+
+    void appendQuad(const FloatQuad& quad, const Color& fillColor, const Color& outlineColor = Color::transparent)
+    {
+        Path path = quadToPath(quad);
+        PathBuilder builder;
+        builder.appendPath(path);
+        appendPath(builder.path(), fillColor, outlineColor);
+    }
+
+    void appendPath(PassRefPtr<JSONArrayBase> path, const Color& fillColor, const Color& outlineColor)
+    {
+        RefPtr<JSONObject> object = JSONObject::create();
+        object->setValue("path", path);
+        object->setString("fillColor", fillColor.serialized());
+        if (outlineColor != Color::transparent)
+            object->setString("outlineColor", outlineColor.serialized());
+        m_highlightPaths->pushObject(object.release());
+    }
+
+    PassRefPtr<JSONObject> asJSONObject() const
+    {
+        RefPtr<JSONObject> object = JSONObject::create();
+        object->setArray("paths", m_highlightPaths);
+        object->setBoolean("showRulers", m_showRulers);
+        object->setBoolean("showExtensionLines", m_showExtensionLines);
+        if (m_elementInfo)
+            object->setObject("elementInfo", m_elementInfo);
+        return object.release();
+    }
+
+private:
+    bool m_showRulers;
+    bool m_showExtensionLines;
+    RefPtr<JSONObject> m_elementInfo;
+    RefPtr<JSONArray> m_highlightPaths;
+};
+
+static void contentsQuadToScreen(const FrameView* view, FloatQuad& quad)
 {
     quad.setP1(view->contentsToRootView(roundedIntPoint(quad.p1())));
     quad.setP2(view->contentsToRootView(roundedIntPoint(quad.p2())));
     quad.setP3(view->contentsToRootView(roundedIntPoint(quad.p3())));
     quad.setP4(view->contentsToRootView(roundedIntPoint(quad.p4())));
-    quad += mainView->scrollOffset();
 }
 
-static bool buildNodeQuads(Node* node, Vector<FloatQuad>& quads)
+static bool buildNodeQuads(RenderObject* renderer, FloatQuad* content, FloatQuad* padding, FloatQuad* border, FloatQuad* margin)
 {
-    RenderObject* renderer = node->renderer();
-    LocalFrame* containingFrame = node->document().frame();
-
-    if (!renderer || !containingFrame)
-        return false;
-
-    FrameView* containingView = containingFrame->view();
-    FrameView* mainView = containingFrame->page()->deprecatedLocalMainFrame()->view();
-    IntRect boundingBox = pixelSnappedIntRect(containingView->contentsToRootView(renderer->absoluteBoundingBoxRect()));
-    boundingBox.move(mainView->scrollOffset());
-
-    // RenderSVGRoot should be highlighted through the isBox() code path, all other SVG elements should just dump their absoluteQuads().
-    if (renderer->node() && renderer->node()->isSVGElement() && !renderer->isSVGRoot()) {
-        renderer->absoluteQuads(quads);
-        for (size_t i = 0; i < quads.size(); ++i)
-            contentsQuadToPage(mainView, containingView, quads[i]);
+    FrameView* containingView = renderer->frameView();
+    if (!containingView)
         return false;
-    }
-
     if (!renderer->isBox() && !renderer->isRenderInline())
         return false;
 
@@ -201,49 +290,43 @@ static bool buildNodeQuads(Node* node, Vector<FloatQuad>& quads)
             borderBox.width() + renderInline->marginWidth(), borderBox.height());
     }
 
-    FloatQuad absContentQuad = renderer->localToAbsoluteQuad(FloatRect(contentBox));
-    FloatQuad absPaddingQuad = renderer->localToAbsoluteQuad(FloatRect(paddingBox));
-    FloatQuad absBorderQuad = renderer->localToAbsoluteQuad(FloatRect(borderBox));
-    FloatQuad absMarginQuad = renderer->localToAbsoluteQuad(FloatRect(marginBox));
+    *content = renderer->localToAbsoluteQuad(FloatRect(contentBox));
+    *padding = renderer->localToAbsoluteQuad(FloatRect(paddingBox));
+    *border = renderer->localToAbsoluteQuad(FloatRect(borderBox));
+    *margin = renderer->localToAbsoluteQuad(FloatRect(marginBox));
 
-    contentsQuadToPage(mainView, containingView, absContentQuad);
-    contentsQuadToPage(mainView, containingView, absPaddingQuad);
-    contentsQuadToPage(mainView, containingView, absBorderQuad);
-    contentsQuadToPage(mainView, containingView, absMarginQuad);
-
-    quads.append(absMarginQuad);
-    quads.append(absBorderQuad);
-    quads.append(absPaddingQuad);
-    quads.append(absContentQuad);
+    contentsQuadToScreen(containingView, *content);
+    contentsQuadToScreen(containingView, *padding);
+    contentsQuadToScreen(containingView, *border);
+    contentsQuadToScreen(containingView, *margin);
 
     return true;
 }
 
-static void buildNodeHighlight(Node* node, const HighlightConfig& highlightConfig, Highlight* highlight)
+static void buildNodeHighlight(Node& node, const HighlightConfig& highlightConfig, Highlight* highlight)
 {
-    RenderObject* renderer = node->renderer();
-    LocalFrame* containingFrame = node->document().frame();
-
-    if (!renderer || !containingFrame)
+    RenderObject* renderer = node.renderer();
+    if (!renderer)
         return;
 
     highlight->setDataFromConfig(highlightConfig);
 
     // RenderSVGRoot should be highlighted through the isBox() code path, all other SVG elements should just dump their absoluteQuads().
-    if (renderer->node() && renderer->node()->isSVGElement() && !renderer->isSVGRoot())
-        highlight->type = HighlightTypeRects;
-    else if (renderer->isBox() || renderer->isRenderInline())
-        highlight->type = HighlightTypeNode;
-    buildNodeQuads(node, highlight->quads);
-}
+    if (renderer->node() && renderer->node()->isSVGElement() && !renderer->isSVGRoot()) {
+        Vector<FloatQuad> quads;
+        renderer->absoluteQuads(quads);
+        for (size_t i = 0; i < quads.size(); ++i)
+            highlight->appendQuad(quads[i], highlightConfig.content, highlightConfig.contentOutline);
+        return;
+    }
 
-static void buildQuadHighlight(Page* page, const FloatQuad& quad, const HighlightConfig& highlightConfig, Highlight *highlight)
-{
-    if (!page)
+    FloatQuad content, padding, border, margin;
+    if (!buildNodeQuads(renderer, &content, &padding, &border, &margin))
         return;
-    highlight->setDataFromConfig(highlightConfig);
-    highlight->type = HighlightTypeRects;
-    highlight->quads.append(quad);
+    highlight->appendQuad(content, highlightConfig.content, highlightConfig.contentOutline);
+    highlight->appendQuad(padding, highlightConfig.padding);
+    highlight->appendQuad(border, highlightConfig.border);
+    highlight->appendQuad(margin, highlightConfig.margin);
 }
 
 } // anonymous namespace
@@ -295,23 +378,16 @@ bool InspectorOverlay::handleMouseEvent(const PlatformMouseEvent& event)
         return false;
 
     EventHandler& eventHandler = toLocalFrame(overlayPage()->mainFrame())->eventHandler();
-    bool result;
     switch (event.type()) {
     case PlatformEvent::MouseMoved:
-        result = eventHandler.handleMouseMoveEvent(event);
-        break;
+        return eventHandler.handleMouseMoveEvent(event);
     case PlatformEvent::MousePressed:
-        result = eventHandler.handleMousePressEvent(event);
-        break;
+        return eventHandler.handleMousePressEvent(event);
     case PlatformEvent::MouseReleased:
-        result = eventHandler.handleMouseReleaseEvent(event);
-        break;
+        return eventHandler.handleMouseReleaseEvent(event);
     default:
         return false;
     }
-
-    toLocalFrame(overlayPage()->mainFrame())->document()->updateLayout();
-    return result;
 }
 
 bool InspectorOverlay::handleTouchEvent(const PlatformTouchEvent& event)
@@ -420,11 +496,8 @@ void InspectorOverlay::update()
         drawPausedInDebuggerMessage();
     drawViewSize();
 
-    // Position DOM elements.
-    toLocalFrame(overlayPage()->mainFrame())->document()->setNeedsStyleRecalc(SubtreeStyleChange);
-    toLocalFrame(overlayPage()->mainFrame())->document()->updateLayout();
+    toLocalFrame(overlayPage()->mainFrame())->view()->updateLayoutAndStyleForPainting();
 
-    // Kick paint.
     m_client->highlight();
 }
 
@@ -440,41 +513,6 @@ void InspectorOverlay::hide()
     update();
 }
 
-static PassRefPtr<JSONObject> buildObjectForPoint(const FloatPoint& point)
-{
-    RefPtr<JSONObject> object = JSONObject::create();
-    object->setNumber("x", point.x());
-    object->setNumber("y", point.y());
-    return object.release();
-}
-
-static PassRefPtr<JSONArray> buildArrayForQuad(const FloatQuad& quad)
-{
-    RefPtr<JSONArray> array = JSONArray::create();
-    array->pushObject(buildObjectForPoint(quad.p1()));
-    array->pushObject(buildObjectForPoint(quad.p2()));
-    array->pushObject(buildObjectForPoint(quad.p3()));
-    array->pushObject(buildObjectForPoint(quad.p4()));
-    return array.release();
-}
-
-static PassRefPtr<JSONObject> buildObjectForHighlight(const Highlight& highlight)
-{
-    RefPtr<JSONObject> object = JSONObject::create();
-    RefPtr<JSONArray> array = JSONArray::create();
-    for (size_t i = 0; i < highlight.quads.size(); ++i)
-        array->pushArray(buildArrayForQuad(highlight.quads[i]));
-    object->setArray("quads", array.release());
-    object->setBoolean("showRulers", highlight.showRulers);
-    object->setString("contentColor", highlight.contentColor.serialized());
-    object->setString("contentOutlineColor", highlight.contentOutlineColor.serialized());
-    object->setString("paddingColor", highlight.paddingColor.serialized());
-    object->setString("borderColor", highlight.borderColor.serialized());
-    object->setString("marginColor", highlight.marginColor.serialized());
-    object->setString("eventTargetColor", highlight.eventTargetColor.serialized());
-    return object.release();
-}
-
 static PassRefPtr<JSONObject> buildObjectForSize(const IntSize& size)
 {
     RefPtr<JSONObject> result = JSONObject::create();
@@ -483,48 +521,43 @@ static PassRefPtr<JSONObject> buildObjectForSize(const IntSize& size)
     return result.release();
 }
 
-// CSS shapes
-static void appendPathCommandAndPoints(PathApplyInfo* info, const String& command, const FloatPoint points[], unsigned length)
+void PathBuilder::appendPathCommandAndPoints(const char* command, const FloatPoint points[], size_t length)
 {
-    FloatPoint point;
-    info->array->addItem(JSONString::create(command));
-    for (unsigned i = 0; i < length; i++) {
-        point = info->shapeOutsideInfo->shapeToRendererPoint(points[i]);
-        point = info->view->contentsToRootView(roundedIntPoint(info->renderer->localToAbsolute(point))) + info->rootView->scrollOffset();
-        info->array->addItem(JSONBasicValue::create(point.x()));
-        info->array->addItem(JSONBasicValue::create(point.y()));
+    m_path->addItem(JSONString::create(command));
+    for (size_t i = 0; i < length; i++) {
+        FloatPoint point = translatePoint(points[i]);
+        m_path->addItem(JSONBasicValue::create(point.x()));
+        m_path->addItem(JSONBasicValue::create(point.y()));
     }
 }
 
-static void appendPathSegment(void* info, const PathElement* pathElement)
+void PathBuilder::appendPathElement(const PathElement* pathElement)
 {
-    PathApplyInfo* pathApplyInfo = static_cast<PathApplyInfo*>(info);
-    FloatPoint point;
     switch (pathElement->type) {
     // The points member will contain 1 value.
     case PathElementMoveToPoint:
-        appendPathCommandAndPoints(pathApplyInfo, "M", pathElement->points, 1);
+        appendPathCommandAndPoints("M", pathElement->points, 1);
         break;
     // The points member will contain 1 value.
     case PathElementAddLineToPoint:
-        appendPathCommandAndPoints(pathApplyInfo, "L", pathElement->points, 1);
+        appendPathCommandAndPoints("L", pathElement->points, 1);
         break;
     // The points member will contain 3 values.
     case PathElementAddCurveToPoint:
-        appendPathCommandAndPoints(pathApplyInfo, "C", pathElement->points, 3);
+        appendPathCommandAndPoints("C", pathElement->points, 3);
         break;
     // The points member will contain 2 values.
     case PathElementAddQuadCurveToPoint:
-        appendPathCommandAndPoints(pathApplyInfo, "Q", pathElement->points, 2);
+        appendPathCommandAndPoints("Q", pathElement->points, 2);
         break;
     // The points member will contain no values.
     case PathElementCloseSubpath:
-        appendPathCommandAndPoints(pathApplyInfo, "Z", 0, 0);
+        appendPathCommandAndPoints("Z", 0, 0);
         break;
     }
 }
 
-static RefPtr<TypeBuilder::Array<double> > buildArrayForQuadTypeBuilder(const FloatQuad& quad)
+static RefPtr<TypeBuilder::Array<double> > buildArrayForQuad(const FloatQuad& quad)
 {
     RefPtr<TypeBuilder::Array<double> > array = TypeBuilder::Array<double>::create();
     array->addItem(quad.p1().x());
@@ -538,53 +571,47 @@ static RefPtr<TypeBuilder::Array<double> > buildArrayForQuadTypeBuilder(const Fl
     return array.release();
 }
 
-PassRefPtr<TypeBuilder::DOM::ShapeOutsideInfo> InspectorOverlay::buildObjectForShapeOutside(Node* node)
+static const ShapeOutsideInfo* shapeOutsideInfoForNode(Node* node, Shape::DisplayPaths* paths, FloatQuad* bounds)
 {
     RenderObject* renderer = node->renderer();
     if (!renderer || !renderer->isBox() || !toRenderBox(renderer)->shapeOutsideInfo())
-        return nullptr;
+        return 0;
 
-    LocalFrame* containingFrame = node->document().frame();
+    FrameView* containingView = node->document().view();
     RenderBox* renderBox = toRenderBox(renderer);
     const ShapeOutsideInfo* shapeOutsideInfo = renderBox->shapeOutsideInfo();
 
+    shapeOutsideInfo->computedShape().buildDisplayPaths(*paths);
+
     LayoutRect shapeBounds = shapeOutsideInfo->computedShapePhysicalBoundingBox();
-    FloatQuad shapeQuad = renderBox->localToAbsoluteQuad(FloatRect(shapeBounds));
-    FrameView* mainView = containingFrame->page()->deprecatedLocalMainFrame()->view();
-    FrameView* containingView = containingFrame->view();
-    contentsQuadToPage(mainView, containingView, shapeQuad);
+    *bounds = renderBox->localToAbsoluteQuad(FloatRect(shapeBounds));
+    contentsQuadToScreen(containingView, *bounds);
+
+    return shapeOutsideInfo;
+}
 
+static void appendPathsForShapeOutside(Highlight& highlight, const HighlightConfig& config, Node* node)
+{
     Shape::DisplayPaths paths;
-    shapeOutsideInfo->computedShape().buildDisplayPaths(paths);
-    RefPtr<TypeBuilder::Array<JSONValue> > shapePath = TypeBuilder::Array<JSONValue>::create();
-    RefPtr<TypeBuilder::Array<JSONValue> > marginShapePath = TypeBuilder::Array<JSONValue>::create();
-
-    if (paths.shape.length()) {
-        PathApplyInfo info;
-        info.rootView = mainView;
-        info.view = containingView;
-        info.array = shapePath.get();
-        info.renderer = renderBox;
-        info.shapeOutsideInfo = shapeOutsideInfo;
-        paths.shape.apply(&info, &appendPathSegment);
-
-        if (paths.marginShape.length()) {
-            info.array = marginShapePath.get();
-            paths.marginShape.apply(&info, &appendPathSegment);
-        }
+    FloatQuad boundsQuad;
+
+    const ShapeOutsideInfo* shapeOutsideInfo = shapeOutsideInfoForNode(node, &paths, &boundsQuad);
+    if (!shapeOutsideInfo)
+        return;
+
+    if (!paths.shape.length()) {
+        highlight.appendQuad(boundsQuad, config.shape);
+        return;
     }
-    RefPtr<TypeBuilder::DOM::ShapeOutsideInfo> shapeTypeBuilder = TypeBuilder::DOM::ShapeOutsideInfo::create()
-        .setBounds(buildArrayForQuadTypeBuilder(shapeQuad))
-        .setShape(shapePath)
-        .setMarginShape(marginShapePath);
 
-    return shapeTypeBuilder.release();
+    highlight.appendPath(ShapePathBuilder::buildPath(*node->document().view(), *node->renderer(), *shapeOutsideInfo, paths.shape), config.shape, Color::transparent);
+    if (paths.marginShape.length())
+        highlight.appendPath(ShapePathBuilder::buildPath(*node->document().view(), *node->renderer(), *shapeOutsideInfo, paths.marginShape), config.shapeMargin, Color::transparent);
 }
 
-static void setElementInfo(RefPtr<JSONObject>& highlightObject, RefPtr<JSONObject>& shapeObject, Node* node)
+PassRefPtr<JSONObject> buildElementInfo(Element* element)
 {
     RefPtr<JSONObject> elementInfo = JSONObject::create();
-    Element* element = toElement(node);
     Element* realElement = element;
     PseudoElement* pseudoElement = 0;
     if (element->isPseudoElement()) {
@@ -616,16 +643,17 @@ static void setElementInfo(RefPtr<JSONObject>& highlightObject, RefPtr<JSONObjec
     if (!classNames.isEmpty())
         elementInfo->setString("className", classNames.toString());
 
-    RenderObject* renderer = node->renderer();
-    LocalFrame* containingFrame = node->document().frame();
-    FrameView* containingView = containingFrame->view();
+    RenderObject* renderer = element->renderer();
+    FrameView* containingView = element->document().view();
+    if (!renderer || !containingView)
+        return elementInfo;
+
     IntRect boundingBox = pixelSnappedIntRect(containingView->contentsToRootView(renderer->absoluteBoundingBoxRect()));
     RenderBoxModelObject* modelObject = renderer->isBoxModelObject() ? toRenderBoxModelObject(renderer) : 0;
     elementInfo->setString("nodeWidth", String::number(modelObject ? adjustForAbsoluteZoom(modelObject->pixelSnappedOffsetWidth(), modelObject) : boundingBox.width()));
     elementInfo->setString("nodeHeight", String::number(modelObject ? adjustForAbsoluteZoom(modelObject->pixelSnappedOffsetHeight(), modelObject) : boundingBox.height()));
-    if (renderer->isBox() && shapeObject)
-        elementInfo->setObject("shapeOutsideInfo", shapeObject.release());
-    highlightObject->setObject("elementInfo", elementInfo.release());
+
+    return elementInfo;
 }
 
 void InspectorOverlay::drawNodeHighlight()
@@ -634,20 +662,19 @@ void InspectorOverlay::drawNodeHighlight()
         return;
 
     Highlight highlight;
-    buildNodeHighlight(m_highlightNode.get(), m_nodeHighlightConfig, &highlight);
-    if (m_eventTargetNode) {
-        Highlight eventTargetHighlight;
-        buildNodeHighlight(m_eventTargetNode.get(), m_nodeHighlightConfig, &eventTargetHighlight);
-        highlight.quads.append(eventTargetHighlight.quads[1]); // Add border from eventTargetNode to highlight.
+    appendPathsForShapeOutside(highlight, m_nodeHighlightConfig, m_highlightNode.get());
+    buildNodeHighlight(*m_highlightNode, m_nodeHighlightConfig, &highlight);
+
+    if (m_eventTargetNode && m_eventTargetNode->renderer()) {
+        FloatQuad border, unused;
+        if (buildNodeQuads(m_eventTargetNode->renderer(), &unused, &unused, &border, &unused))
+            highlight.appendQuad(border, m_nodeHighlightConfig.eventTarget);
     }
-    RefPtr<JSONObject> highlightObject = buildObjectForHighlight(highlight);
 
-    Node* node = m_highlightNode.get();
-    RefPtr<TypeBuilder::DOM::ShapeOutsideInfo> shapeObject = buildObjectForShapeOutside(node);
-    RefPtr<JSONObject> shapeObjectJSON = shapeObject ? shapeObject->asObject() : nullptr;
-    if (node->isElementNode() && !m_omitTooltip && m_nodeHighlightConfig.showInfo && node->renderer() && node->document().frame())
-        setElementInfo(highlightObject, shapeObjectJSON, node);
-    evaluateInOverlay("drawNodeHighlight", highlightObject);
+    if (m_highlightNode->isElementNode() && !m_omitTooltip && m_nodeHighlightConfig.showInfo && m_highlightNode->renderer() && m_highlightNode->document().frame())
+        highlight.setElementInfo(buildElementInfo(toElement(m_highlightNode.get())));
+
+    evaluateInOverlay("drawHighlight", highlight.asJSONObject());
 }
 
 void InspectorOverlay::drawQuadHighlight()
@@ -656,8 +683,8 @@ void InspectorOverlay::drawQuadHighlight()
         return;
 
     Highlight highlight;
-    buildQuadHighlight(m_page, *m_highlightQuad, m_quadHighlightConfig, &highlight);
-    evaluateInOverlay("drawQuadHighlight", buildObjectForHighlight(highlight));
+    highlight.appendQuad(*m_highlightQuad, m_quadHighlightConfig.content, m_quadHighlightConfig.contentOutline);
+    evaluateInOverlay("drawHighlight", highlight.asJSONObject());
 }
 
 void InspectorOverlay::drawPausedInDebuggerMessage()
@@ -677,6 +704,8 @@ Page* InspectorOverlay::overlayPage()
     if (m_overlayPage)
         return m_overlayPage.get();
 
+    ScriptForbiddenScope::AllowUserAgentScript allowScript;
+
     static FrameLoaderClient* dummyFrameLoaderClient =  new EmptyFrameLoaderClient;
     Page::PageClients pageClients;
     fillWithEmptyClients(pageClients);
@@ -688,12 +717,12 @@ Page* InspectorOverlay::overlayPage()
     Settings& settings = m_page->settings();
     Settings& overlaySettings = m_overlayPage->settings();
 
-    overlaySettings.genericFontFamilySettings().setStandard(settings.genericFontFamilySettings().standard());
-    overlaySettings.genericFontFamilySettings().setSerif(settings.genericFontFamilySettings().serif());
-    overlaySettings.genericFontFamilySettings().setSansSerif(settings.genericFontFamilySettings().sansSerif());
-    overlaySettings.genericFontFamilySettings().setCursive(settings.genericFontFamilySettings().cursive());
-    overlaySettings.genericFontFamilySettings().setFantasy(settings.genericFontFamilySettings().fantasy());
-    overlaySettings.genericFontFamilySettings().setPictograph(settings.genericFontFamilySettings().pictograph());
+    overlaySettings.genericFontFamilySettings().updateStandard(settings.genericFontFamilySettings().standard());
+    overlaySettings.genericFontFamilySettings().updateSerif(settings.genericFontFamilySettings().serif());
+    overlaySettings.genericFontFamilySettings().updateSansSerif(settings.genericFontFamilySettings().sansSerif());
+    overlaySettings.genericFontFamilySettings().updateCursive(settings.genericFontFamilySettings().cursive());
+    overlaySettings.genericFontFamilySettings().updateFantasy(settings.genericFontFamilySettings().fantasy());
+    overlaySettings.genericFontFamilySettings().updatePictograph(settings.genericFontFamilySettings().pictograph());
     overlaySettings.setMinimumFontSize(settings.minimumFontSize());
     overlaySettings.setMinimumLogicalFontSize(settings.minimumLogicalFontSize());
     overlaySettings.setScriptEnabled(true);
@@ -711,7 +740,8 @@ Page* InspectorOverlay::overlayPage()
     frame->view()->setCanHaveScrollbars(false);
     frame->view()->setTransparent(true);
 
-    RefPtr<SharedBuffer> data = SharedBuffer::create(reinterpret_cast<const char*>(InspectorOverlayPage_html), sizeof(InspectorOverlayPage_html));
+    const blink::WebData& overlayPageHTMLResource = blink::Platform::current()->loadResource("InspectorOverlayPage.html");
+    RefPtr<SharedBuffer> data = SharedBuffer::create(overlayPageHTMLResource.data(), overlayPageHTMLResource.size());
     loader.load(FrameLoadRequest(0, blankURL(), SubstituteData(data, "text/html", "UTF-8", KURL(), ForceSynchronousLoad)));
     v8::Isolate* isolate = toIsolate(frame.get());
     ScriptState* scriptState = ScriptState::forMainWorld(frame.get());
@@ -746,6 +776,7 @@ void InspectorOverlay::reset(const IntSize& viewportSize, int scrollX, int scrol
 
 void InspectorOverlay::evaluateInOverlay(const String& method, const String& argument)
 {
+    ScriptForbiddenScope::AllowUserAgentScript allowScript;
     RefPtr<JSONArray> command = JSONArray::create();
     command->pushString(method);
     command->pushString(argument);
@@ -754,6 +785,7 @@ void InspectorOverlay::evaluateInOverlay(const String& method, const String& arg
 
 void InspectorOverlay::evaluateInOverlay(const String& method, PassRefPtr<JSONValue> argument)
 {
+    ScriptForbiddenScope::AllowUserAgentScript allowScript;
     RefPtr<JSONArray> command = JSONArray::create();
     command->pushString(method);
     command->pushValue(argument);
@@ -766,9 +798,39 @@ void InspectorOverlay::onTimer(Timer<InspectorOverlay>*)
     update();
 }
 
-bool InspectorOverlay::getBoxModel(Node* node, Vector<FloatQuad>* quads)
+bool InspectorOverlay::getBoxModel(Node* node, RefPtr<TypeBuilder::DOM::BoxModel>& model)
 {
-    return buildNodeQuads(node, *quads);
+    RenderObject* renderer = node->renderer();
+    FrameView* view = node->document().view();
+    if (!renderer || !view)
+        return false;
+
+    FloatQuad content, padding, border, margin;
+    if (!buildNodeQuads(node->renderer(), &content, &padding, &border, &margin))
+        return false;
+
+    IntRect boundingBox = pixelSnappedIntRect(view->contentsToRootView(renderer->absoluteBoundingBoxRect()));
+    RenderBoxModelObject* modelObject = renderer->isBoxModelObject() ? toRenderBoxModelObject(renderer) : 0;
+
+    model = TypeBuilder::DOM::BoxModel::create()
+        .setContent(buildArrayForQuad(content))
+        .setPadding(buildArrayForQuad(padding))
+        .setBorder(buildArrayForQuad(border))
+        .setMargin(buildArrayForQuad(margin))
+        .setWidth(modelObject ? adjustForAbsoluteZoom(modelObject->pixelSnappedOffsetWidth(), modelObject) : boundingBox.width())
+        .setHeight(modelObject ? adjustForAbsoluteZoom(modelObject->pixelSnappedOffsetHeight(), modelObject) : boundingBox.height());
+
+    Shape::DisplayPaths paths;
+    FloatQuad boundsQuad;
+    if (const ShapeOutsideInfo* shapeOutsideInfo = shapeOutsideInfoForNode(node, &paths, &boundsQuad)) {
+        RefPtr<TypeBuilder::DOM::ShapeOutsideInfo> shapeTypeBuilder = TypeBuilder::DOM::ShapeOutsideInfo::create()
+            .setBounds(buildArrayForQuad(boundsQuad))
+            .setShape(ShapePathBuilder::buildPath(*view, *renderer, *shapeOutsideInfo, paths.shape))
+            .setMarginShape(ShapePathBuilder::buildPath(*view, *renderer, *shapeOutsideInfo, paths.marginShape));
+        model->setShapeOutside(shapeTypeBuilder);
+    }
+
+    return true;
 }
 
 void InspectorOverlay::freePage()
@@ -790,4 +852,4 @@ void InspectorOverlay::startedRecordingProfile()
         freePage();
 }
 
-} // namespace WebCore
+} // namespace blink