Make <webview> use out-of-process iframe architecture.

extensions/renderer/resources/guest_view/web_view/web_view.js

 // Copyright (c) 2012 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.
 
 // This module implements WebView (<webview>) as a custom element that wraps a
 // BrowserPlugin object element. The object element is hidden within
 // the shadow DOM of the WebView element.
 
 var DocumentNatives = requireNative('document_natives');
 var GuestView = require('guestView').GuestView;
 var GuestViewContainer = require('guestViewContainer').GuestViewContainer;
 var GuestViewInternalNatives = requireNative('guest_view_internal');
 var WebViewConstants = require('webViewConstants').WebViewConstants;
 var WebViewEvents = require('webViewEvents').WebViewEvents;
 var WebViewInternal = require('webViewInternal').WebViewInternal;
 
+var IdGenerator = requireNative('id_generator');
+var GuestViewInternalNatives = requireNative('guest_view_internal');
+
+var LOG = function(msg) { window.console.log(msg); };
+
 // Represents the internal state of <webview>.
 function WebViewImpl(webviewElement) {
   GuestViewContainer.call(this, webviewElement, 'webview');
   this.cachedZoom = 1;
   this.setupElementProperties();
+  this.isSitePerProcess = GuestViewInternalNatives.IsSitePerProcess();
   new WebViewEvents(this, this.viewInstanceId);
 }
 
 WebViewImpl.prototype.__proto__ = GuestViewContainer.prototype;
 
 WebViewImpl.VIEW_TYPE = 'WebView';
 
 // Add extra functionality to |this.element|.
 WebViewImpl.setupElement = function(proto) {
   // Public-facing API methods.
@@ skipping 20 matching lines @@
   // Forward proto.foo* method calls to WebViewImpl.foo*.
   GuestViewContainer.forwardApiMethods(proto, apiMethods);
 };
 
 // Initiates navigation once the <webview> element is attached to the DOM.
 WebViewImpl.prototype.onElementAttached = function() {
   // Mark all attributes as dirty on attachment.
   for (var i in this.attributes) {
     this.attributes[i].dirty = true;
   }
+  // FIXME: Not sure about this one.
   for (var i in this.attributes) {
     this.attributes[i].attach();
   }
 };
 
 // Resets some state upon detaching <webview> element from the DOM.
 WebViewImpl.prototype.onElementDetached = function() {
   this.guest.destroy();
   for (var i in this.attributes) {
     this.attributes[i].dirty = false;
@@ skipping 13 matching lines @@
         enumerable: true
       }
   );
 };
 
 WebViewImpl.prototype.setupElementProperties = function() {
   // We cannot use {writable: true} property descriptor because we want a
   // dynamic getter value.
   Object.defineProperty(this.element, 'contentWindow', {
     get: function() {
-      return this.guest.getContentWindow();
+      if (this.isSitePerProcess) {
+        return this.getBrowserPluginElement().contentWindow;
+      } else {
+        return this.guest.getContentWindow();
+      }
     }.bind(this),
     // No setter.
     enumerable: true
   });
 };
 
 WebViewImpl.prototype.onSizeChanged = function(webViewEvent) {
   var newWidth = webViewEvent.newWidth;
   var newHeight = webViewEvent.newHeight;
 
@@ skipping 76 matching lines @@
   // If |opt_guestInstanceId| was provided, then a different existing guest is
   // being attached to this webview, and the current one will get destroyed.
   if (opt_guestInstanceId) {
     if (this.guest.getId() == opt_guestInstanceId) {
       return true;
     }
     this.guest.destroy();
     this.guest = new GuestView('webview', opt_guestInstanceId);
   }
 
+  if (this.isSitePerProcess) {
+    return this.attachForSitePerProcess();
+  }
+
+  if (!this.internalInstanceId) {
+    return true;
+  }
+
   return GuestViewContainer.prototype.attachWindow.call(this);
 };
 
+WebViewImpl.prototype.attachForSitePerProcess = function() {
+  LOG('Guest will start attach');
+  var generatedId = IdGenerator.GetNextId();
+  this.internalInstanceId = generatedId;
+
+  LOG('this.guest.getId() = ' + this.guest.getId());
+  window.console.log(this.getBrowserPluginElement());
+  var ret = GuestViewInternalNatives.AttachIframeGuest(
+      this.internalInstanceId, this.guest.getId(),
+      this.getBrowserPluginElement().contentWindow, function() {
+        // No need to set contentWindow, we will use <iframe>.contentWindow.
+      }.bind(this));
+
+  LOG('guestViewInternalNatives.AttachIframeGuest status: ' + ret);
+
+  window.setTimeout(function() {
+    LOG('<webview>: navigate');
+    var src =
+        this.attributes[WebViewConstants.ATTRIBUTE_SRC].getValue();
+    WebViewInternal.navigate(
+        this.guest.getId(), src);
+  }.bind(this), 0);
+
+  return true;
+};
+
 // Shared implementation of executeScript() and insertCSS().
 WebViewImpl.prototype.executeCode = function(func, args) {
   if (!this.guest.getId()) {
     window.console.error(WebViewConstants.ERROR_MSG_CANNOT_INJECT_SCRIPT);
     return false;
   }
 
   var webviewSrc = this.attributes[WebViewConstants.ATTRIBUTE_SRC].getValue();
   if (this.baseUrlForDataUrl) {
     webviewSrc = this.baseUrlForDataUrl;
@@ skipping 12 matching lines @@
   }.bind(this));
 };
 
 // Implemented when the ChromeWebView API is available.
 WebViewImpl.prototype.maybeSetupContextMenus = function() {};
 
 GuestViewContainer.registerElement(WebViewImpl);
 
 // Exports.
 exports.WebViewImpl = WebViewImpl;