Run shim's watchForTag on document.DOMContentLoaded

chrome/renderer/resources/extensions/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.
 
 // Shim that simulates a <webview> tag via Mutation Observers.
 //
 // The actual tag is implemented via the browser plugin. The internals of this
 // are hidden via Shadow DOM.
 
+var appWindowNatives = requireNative('app_window_natives');
+var renderViewObserverNatives = requireNative('renderViewObserverNatives');
+
 var forEach = require('utils').forEach;
 var watchForTag = require('tagWatcher').watchForTag;
 
 /** @type {Array.<string>} */
 var WEB_VIEW_ATTRIBUTES = ['name', 'src', 'partition', 'autosize', 'minheight',
     'minwidth', 'maxheight', 'maxwidth'];
 
 
 // All exposed api methods for <webview>, these are forwarded to the browser
 // plugin.
@@ skipping 16 matching lines @@
   'exit' : ['processId', 'reason'],
   'loadabort' : ['url', 'isTopLevel', 'reason'],
   'loadcommit' : ['url', 'isTopLevel'],
   'loadredirect' : ['oldUrl', 'newUrl', 'isTopLevel'],
   'loadstart' : ['url', 'isTopLevel'],
   'loadstop' : [],
   'responsive' : ['processId'],
   'sizechanged': ['oldHeight', 'oldWidth', 'newHeight', 'newWidth'],
   'unresponsive' : ['processId']
 };
 

[lazyboy, 2013/06/14 00:30:10]

If i refer to "document" here (in file's global scope), this would be document
A.
i.e.
var documentA = document;

-window.addEventListener('DOMContentLoaded', function() {
-  watchForTag('WEBVIEW', function(addedNode) { new WebView(addedNode); });
+renderViewObserverNatives.OnDocumentCreatedForCurrentContext(function() {
+  // At this point we have a new document where app's content would go
+  // (document.readyState == 'loading'), run watchForTag() once document's
+  // OnDOMContentLoaded fires.
+  document.addEventListener('DOMContentLoaded', function(e) {

[lazyboy, 2013/06/14 00:30:10]

(See this after next comment)
this "document" is documentB.

+    watchForTag('WEBVIEW', function(addedNode) { new WebView(addedNode); });
+  });
 });
 
 /**

[lazyboy, 2013/06/14 00:30:10]

(This is not about here)
Let's say I have an app

background.js:
..onLaunched.addListener(function() { chrome.app.window.create('main.html'); });

main.html:
<script src="main.js"></script>

main.js:
var documentB = document; // <-- this

  * @constructor
  */
 function WebView(webviewNode) {
   this.webviewNode_ = webviewNode;
   this.browserPluginNode_ = this.createBrowserPluginNode_();
   var shadowRoot = this.webviewNode_.webkitCreateShadowRoot();
   shadowRoot.appendChild(this.browserPluginNode_);
 
   this.setupFocusPropagation_();
   this.setupWebviewNodeMethods_();
@@ skipping 315 matching lines @@
   }
 };
 
 /**
  * Implemented when the experimental API is available.
  * @private
  */
 WebView.prototype.maybeSetupExperimentalAPI_ = function() {};
 
 exports.WebView = WebView;