| OLD | NEW |
| 1 // Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 // Copyright (c) 2012 The Chromium Authors. All rights reserved. |
| 2 // Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
| 3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
| 4 | 4 |
| 5 // This module implements WebView (<webview>) as a custom element that wraps a | 5 // This module implements WebView (<webview>) as a custom element that wraps a |
| 6 // BrowserPlugin object element. The object element is hidden within | 6 // BrowserPlugin object element. The object element is hidden within |
| 7 // the shadow DOM of the WebView element. | 7 // the shadow DOM of the WebView element. |
| 8 | 8 |
| 9 var DocumentNatives = requireNative('document_natives'); | 9 var DocumentNatives = requireNative('document_natives'); |
| 10 var GuestView = require('guestView').GuestView; | 10 var GuestView = require('guestView').GuestView; |
| 11 var GuestViewContainer = require('guestViewContainer').GuestViewContainer; | 11 var GuestViewContainer = require('guestViewContainer').GuestViewContainer; |
| 12 var WebViewConstants = require('webViewConstants').WebViewConstants; | 12 var WebViewConstants = require('webViewConstants').WebViewConstants; |
| 13 var WebViewEvents = require('webViewEvents').WebViewEvents; | 13 var WebViewEvents = require('webViewEvents').WebViewEvents; |
| 14 var WebViewInternal = require('webViewInternal').WebViewInternal; | 14 var WebViewInternal = require('webViewInternal').WebViewInternal; |
| 15 | 15 |
| 16 // Represents the internal state of <webview>. | 16 // Represents the internal state of <webview>. |
| 17 function WebViewImpl(webviewElement) { | 17 function WebViewImpl(webviewElement) { |
| 18 GuestViewContainer.call(this, webviewElement, 'webview'); | 18 GuestViewContainer.call(this, webviewElement, 'webview'); |
| 19 | 19 |
| 20 this.setupWebViewAttributes(); | 20 this.setupWebViewAttributes(); |
| 21 this.setupElementProperties(); | 21 this.setupElementProperties(); |
| 22 | 22 |
| 23 // on* Event handlers. | |
| 24 this.on = {}; | |
| 25 new WebViewEvents(this, this.viewInstanceId); | 23 new WebViewEvents(this, this.viewInstanceId); |
| 26 } | 24 } |
| 27 | 25 |
| 28 WebViewImpl.prototype.__proto__ = GuestViewContainer.prototype; | 26 WebViewImpl.prototype.__proto__ = GuestViewContainer.prototype; |
| 29 | 27 |
| 30 WebViewImpl.VIEW_TYPE = 'WebView'; | 28 WebViewImpl.VIEW_TYPE = 'WebView'; |
| 31 | 29 |
| 32 // Add extra functionality to |this.element|. | 30 // Add extra functionality to |this.element|. |
| 33 WebViewImpl.setupElement = function(proto) { | 31 WebViewImpl.setupElement = function(proto) { |
| 34 // Public-facing API methods. | 32 // Public-facing API methods. |
| (...skipping 114 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 149 } | 147 } |
| 150 }; | 148 }; |
| 151 | 149 |
| 152 WebViewImpl.prototype.createGuest = function() { | 150 WebViewImpl.prototype.createGuest = function() { |
| 153 this.guest.create(this.buildParams(), function() { | 151 this.guest.create(this.buildParams(), function() { |
| 154 this.attachWindow(); | 152 this.attachWindow(); |
| 155 }.bind(this)); | 153 }.bind(this)); |
| 156 }; | 154 }; |
| 157 | 155 |
| 158 WebViewImpl.prototype.onFrameNameChanged = function(name) { | 156 WebViewImpl.prototype.onFrameNameChanged = function(name) { |
| 159 name = name || ''; | 157 this.attributes[WebViewConstants.ATTRIBUTE_NAME].setValueIgnoreMutation(name); |
| 160 if (name === '') { | |
| 161 this.element.removeAttribute(WebViewConstants.ATTRIBUTE_NAME); | |
| 162 } else { | |
| 163 this.attributes[WebViewConstants.ATTRIBUTE_NAME].setValue(name); | |
| 164 } | |
| 165 }; | 158 }; |
| 166 | 159 |
| 167 WebViewImpl.prototype.dispatchEvent = function(webViewEvent) { | 160 WebViewImpl.prototype.dispatchEvent = function(webViewEvent) { |
| 168 return this.element.dispatchEvent(webViewEvent); | 161 return this.element.dispatchEvent(webViewEvent); |
| 169 }; | 162 }; |
| 170 | 163 |
| 171 // Adds an 'on<event>' property on the webview, which can be used to set/unset | |
| 172 // an event handler. | |
| 173 WebViewImpl.prototype.setupEventProperty = function(eventName) { | |
| 174 var propertyName = 'on' + eventName.toLowerCase(); | |
| 175 Object.defineProperty(this.element, propertyName, { | |
| 176 get: function() { | |
| 177 return this.on[propertyName]; | |
| 178 }.bind(this), | |
| 179 set: function(value) { | |
| 180 if (this.on[propertyName]) | |
| 181 this.element.removeEventListener(eventName, this.on[propertyName]); | |
| 182 this.on[propertyName] = value; | |
| 183 if (value) | |
| 184 this.element.addEventListener(eventName, value); | |
| 185 }.bind(this), | |
| 186 enumerable: true | |
| 187 }); | |
| 188 }; | |
| 189 | |
| 190 // Updates state upon loadcommit. | 164 // Updates state upon loadcommit. |
| 191 WebViewImpl.prototype.onLoadCommit = function( | 165 WebViewImpl.prototype.onLoadCommit = function( |
| 192 baseUrlForDataUrl, currentEntryIndex, entryCount, | 166 baseUrlForDataUrl, currentEntryIndex, entryCount, |
| 193 processId, url, isTopLevel) { | 167 processId, url, isTopLevel) { |
| 194 this.baseUrlForDataUrl = baseUrlForDataUrl; | 168 this.baseUrlForDataUrl = baseUrlForDataUrl; |
| 195 this.currentEntryIndex = currentEntryIndex; | 169 this.currentEntryIndex = currentEntryIndex; |
| 196 this.entryCount = entryCount; | 170 this.entryCount = entryCount; |
| 197 this.processId = processId; | 171 this.processId = processId; |
| 198 var oldValue = this.attributes[WebViewConstants.ATTRIBUTE_SRC].getValue(); | 172 if (isTopLevel) { |
| 199 var newValue = url; | |
| 200 if (isTopLevel && (oldValue != newValue)) { | |
| 201 // Touching the src attribute triggers a navigation. To avoid | 173 // Touching the src attribute triggers a navigation. To avoid |
| 202 // triggering a page reload on every guest-initiated navigation, | 174 // triggering a page reload on every guest-initiated navigation, |
| 203 // we do not handle this mutation. | 175 // we do not handle this mutation. |
| 204 this.attributes[WebViewConstants.ATTRIBUTE_SRC].setValueIgnoreMutation( | 176 this.attributes[ |
| 205 newValue); | 177 WebViewConstants.ATTRIBUTE_SRC].setValueIgnoreMutation(url); |
| 206 } | 178 } |
| 207 }; | 179 }; |
| 208 | 180 |
| 209 WebViewImpl.prototype.onAttach = function(storagePartitionId) { | 181 WebViewImpl.prototype.onAttach = function(storagePartitionId) { |
| 210 this.attributes[WebViewConstants.ATTRIBUTE_PARTITION].setValue( | 182 this.attributes[WebViewConstants.ATTRIBUTE_PARTITION].setValueIgnoreMutation( |
| 211 storagePartitionId); | 183 storagePartitionId); |
| 212 }; | 184 }; |
| 213 | 185 |
| 214 WebViewImpl.prototype.buildContainerParams = function() { | 186 WebViewImpl.prototype.buildContainerParams = function() { |
| 215 var params = { 'userAgentOverride': this.userAgentOverride }; | 187 var params = { 'userAgentOverride': this.userAgentOverride }; |
| 216 for (var i in this.attributes) { | 188 for (var i in this.attributes) { |
| 217 params[i] = this.attributes[i].getValue(); | 189 params[i] = this.attributes[i].getValue(); |
| 218 } | 190 } |
| 219 return params; | 191 return params; |
| 220 }; | 192 }; |
| (...skipping 38 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 259 WebViewImpl.prototype.setupExperimentalContextMenus = function() {}; | 231 WebViewImpl.prototype.setupExperimentalContextMenus = function() {}; |
| 260 WebViewImpl.prototype.maybeSetupExperimentalChromeWebViewEvents = | 232 WebViewImpl.prototype.maybeSetupExperimentalChromeWebViewEvents = |
| 261 function(request) { | 233 function(request) { |
| 262 return request; | 234 return request; |
| 263 }; | 235 }; |
| 264 | 236 |
| 265 GuestViewContainer.registerElement(WebViewImpl); | 237 GuestViewContainer.registerElement(WebViewImpl); |
| 266 | 238 |
| 267 // Exports. | 239 // Exports. |
| 268 exports.WebViewImpl = WebViewImpl; | 240 exports.WebViewImpl = WebViewImpl; |
| OLD | NEW |