/* -*- indent-tabs-mode: nil; js-indent-level: 2 -*- * This Source Code Form is subject to the terms of the Mozilla Public * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ "use strict"; var EXPORTED_SYMBOLS = ["AsyncTabSwitcher"]; ChromeUtils.import("resource://gre/modules/XPCOMUtils.jsm"); XPCOMUtils.defineLazyModuleGetters(this, { AppConstants: "resource://gre/modules/AppConstants.jsm", Services: "resource://gre/modules/Services.jsm", TelemetryStopwatch: "resource://gre/modules/TelemetryStopwatch.jsm", }); /** * The tab switcher is responsible for asynchronously switching * tabs in e10s. It waits until the new tab is ready (i.e., the * layer tree is available) before switching to it. Then it * unloads the layer tree for the old tab. * * The tab switcher is a state machine. For each tab, it * maintains state about whether the layer tree for the tab is * available, being loaded, being unloaded, or unavailable. It * also keeps track of the tab currently being displayed, the tab * it's trying to load, and the tab the user has asked to switch * to. The switcher object is created upon tab switch. It is * released when there are no pending tabs to load or unload. * * The following general principles have guided the design: * * 1. We only request one layer tree at a time. If the user * switches to a different tab while waiting, we don't request * the new layer tree until the old tab has loaded or timed out. * * 2. If loading the layers for a tab times out, we show the * spinner and possibly request the layer tree for another tab if * the user has requested one. * * 3. We discard layer trees on a delay. This way, if the user is * switching among the same tabs frequently, we don't continually * load the same tabs. * * It's important that we always show either the spinner or a tab * whose layers are available. Otherwise the compositor will draw * an entirely black frame, which is very jarring. To ensure this * never happens when switching away from a tab, we assume the * old tab might still be drawn until a MozAfterPaint event * occurs. Because layout and compositing happen asynchronously, * we don't have any other way of knowing when the switch * actually takes place. Therefore, we don't unload the old tab * until the next MozAfterPaint event. */ class AsyncTabSwitcher { constructor(tabbrowser) { this.log("START"); // How long to wait for a tab's layers to load. After this // time elapses, we're free to put up the spinner and start // trying to load a different tab. this.TAB_SWITCH_TIMEOUT = 400; // ms // When the user hasn't switched tabs for this long, we unload // layers for all tabs that aren't in use. this.UNLOAD_DELAY = 300; // ms // The next three tabs form the principal state variables. // See the assertions in postActions for their invariants. // Tab the user requested most recently. this.requestedTab = tabbrowser.selectedTab; // Tab we're currently trying to load. this.loadingTab = null; // We show this tab in case the requestedTab hasn't loaded yet. this.lastVisibleTab = tabbrowser.selectedTab; // Auxilliary state variables: this.visibleTab = tabbrowser.selectedTab; // Tab that's on screen. this.spinnerTab = null; // Tab showing a spinner. this.blankTab = null; // Tab showing blank. this.lastPrimaryTab = tabbrowser.selectedTab; // Tab with primary="true" this.tabbrowser = tabbrowser; this.window = tabbrowser.ownerGlobal; this.loadTimer = null; // TAB_SWITCH_TIMEOUT nsITimer instance. this.unloadTimer = null; // UNLOAD_DELAY nsITimer instance. // Map from tabs to STATE_* (below). this.tabState = new Map(); // True if we're in the midst of switching tabs. this.switchInProgress = false; // Keep an exact list of content processes (tabParent) in which // we're actively suppressing the display port. This gives a robust // way to make sure we don't forget to un-suppress. this.activeSuppressDisplayport = new Set(); // Set of tabs that might be visible right now. We maintain // this set because we can't be sure when a tab is actually // drawn. A tab is added to this set when we ask to make it // visible. All tabs but the most recently shown tab are // removed from the set upon MozAfterPaint. this.maybeVisibleTabs = new Set([tabbrowser.selectedTab]); // This holds onto the set of tabs that we've been asked to warm up, // and tabs are evicted once they're done loading or are unloaded. this.warmingTabs = new WeakSet(); this.STATE_UNLOADED = 0; this.STATE_LOADING = 1; this.STATE_LOADED = 2; this.STATE_UNLOADING = 3; // re-entrancy guard: this._processing = false; // For telemetry, keeps track of what most recently cleared // the loadTimer, which can tell us something about the cause // of tab switch spinners. this._loadTimerClearedBy = "none", this._useDumpForLogging = false; this._logInit = false; this.window.addEventListener("MozAfterPaint", this); this.window.addEventListener("MozLayerTreeReady", this); this.window.addEventListener("MozLayerTreeCleared", this); this.window.addEventListener("TabRemotenessChange", this); this.window.addEventListener("sizemodechange", this); this.window.addEventListener("occlusionstatechange", this); this.window.addEventListener("SwapDocShells", this, true); this.window.addEventListener("EndSwapDocShells", this, true); let initialTab = this.requestedTab; let initialBrowser = initialTab.linkedBrowser; let tabIsLoaded = !initialBrowser.isRemoteBrowser || initialBrowser.frameLoader.tabParent.hasLayers; // If we minimized the window before the switcher was activated, // we might have set the preserveLayers flag for the current // browser. Let's clear it. initialBrowser.preserveLayers(false); if (!this.minimizedOrFullyOccluded) { this.log("Initial tab is loaded?: " + tabIsLoaded); this.setTabState(initialTab, tabIsLoaded ? this.STATE_LOADED : this.STATE_LOADING); } for (let ppBrowser of this.tabbrowser._printPreviewBrowsers) { let ppTab = this.tabbrowser.getTabForBrowser(ppBrowser); let state = ppBrowser.hasLayers ? this.STATE_LOADED : this.STATE_LOADING; this.setTabState(ppTab, state); } } destroy() { if (this.unloadTimer) { this.clearTimer(this.unloadTimer); this.unloadTimer = null; } if (this.loadTimer) { this.clearTimer(this.loadTimer); this.loadTimer = null; } this.window.removeEventListener("MozAfterPaint", this); this.window.removeEventListener("MozLayerTreeReady", this); this.window.removeEventListener("MozLayerTreeCleared", this); this.window.removeEventListener("TabRemotenessChange", this); this.window.removeEventListener("sizemodechange", this); this.window.removeEventListener("occlusionstatechange", this); this.window.removeEventListener("SwapDocShells", this, true); this.window.removeEventListener("EndSwapDocShells", this, true); this.tabbrowser._switcher = null; this.activeSuppressDisplayport.forEach(function(tabParent) { tabParent.suppressDisplayport(false); }); this.activeSuppressDisplayport.clear(); } // Wraps nsITimer. Must not use the vanilla setTimeout and // clearTimeout, because they will be blocked by nsIPromptService // dialogs. setTimer(callback, timeout) { let event = { notify: callback }; var timer = Cc["@mozilla.org/timer;1"] .createInstance(Ci.nsITimer); timer.initWithCallback(event, timeout, Ci.nsITimer.TYPE_ONE_SHOT); return timer; } clearTimer(timer) { timer.cancel(); } getTabState(tab) { let state = this.tabState.get(tab); // As an optimization, we lazily evaluate the state of tabs // that we've never seen before. Once we've figured it out, // we stash it in our state map. if (state === undefined) { state = this.STATE_UNLOADED; if (tab && tab.linkedPanel) { let b = tab.linkedBrowser; if (b.renderLayers && b.hasLayers) { state = this.STATE_LOADED; } else if (b.renderLayers && !b.hasLayers) { state = this.STATE_LOADING; } else if (!b.renderLayers && b.hasLayers) { state = this.STATE_UNLOADING; } } this.setTabStateNoAction(tab, state); } return state; } setTabStateNoAction(tab, state) { if (state == this.STATE_UNLOADED) { this.tabState.delete(tab); } else { this.tabState.set(tab, state); } } setTabState(tab, state) { if (state == this.getTabState(tab)) { return; } this.setTabStateNoAction(tab, state); let browser = tab.linkedBrowser; let { tabParent } = browser.frameLoader; if (state == this.STATE_LOADING) { this.assert(!this.minimizedOrFullyOccluded); // If we're not in the process of warming this tab, we // don't need to delay activating its DocShell. if (!this.warmingTabs.has(tab)) { browser.docShellIsActive = true; } if (tabParent) { browser.renderLayers = true; } else { this.onLayersReady(browser); } } else if (state == this.STATE_UNLOADING) { this.unwarmTab(tab); // Setting the docShell to be inactive will also cause it // to stop rendering layers. browser.docShellIsActive = false; if (!tabParent) { this.onLayersCleared(browser); } } else if (state == this.STATE_LOADED) { this.maybeActivateDocShell(tab); } if (!tab.linkedBrowser.isRemoteBrowser) { // setTabState is potentially re-entrant in the non-remote case, // so we must re-get the state for this assertion. let nonRemoteState = this.getTabState(tab); // Non-remote tabs can never stay in the STATE_LOADING // or STATE_UNLOADING states. By the time this function // exits, a non-remote tab must be in STATE_LOADED or // STATE_UNLOADED, since the painting and the layer // upload happen synchronously. this.assert(nonRemoteState == this.STATE_UNLOADED || nonRemoteState == this.STATE_LOADED); } } get minimizedOrFullyOccluded() { return this.window.windowState == this.window.STATE_MINIMIZED || this.window.isFullyOccluded; } finish() { this.log("FINISH"); this.assert(this.tabbrowser._switcher); this.assert(this.tabbrowser._switcher === this); this.assert(!this.spinnerTab); this.assert(!this.blankTab); this.assert(!this.loadTimer); this.assert(!this.loadingTab); this.assert(this.lastVisibleTab === this.requestedTab); this.assert(this.minimizedOrFullyOccluded || this.getTabState(this.requestedTab) == this.STATE_LOADED); this.destroy(); this.window.document.commandDispatcher.unlock(); let event = new this.window.CustomEvent("TabSwitchDone", { bubbles: true, cancelable: true }); this.tabbrowser.dispatchEvent(event); } // This function is called after all the main state changes to // make sure we display the right tab. updateDisplay() { let requestedTabState = this.getTabState(this.requestedTab); let requestedBrowser = this.requestedTab.linkedBrowser; // It is often more desirable to show a blank tab when appropriate than // the tab switch spinner - especially since the spinner is usually // preceded by a perceived lag of TAB_SWITCH_TIMEOUT ms in the // tab switch. We can hide this lag, and hide the time being spent // constructing TabChild's, layer trees, etc, by showing a blank // tab instead and focusing it immediately. let shouldBeBlank = false; if (requestedBrowser.isRemoteBrowser) { // If a tab is remote and the window is not minimized, we can show a // blank tab instead of a spinner in the following cases: // // 1. The tab has just crashed, and we haven't started showing the // tab crashed page yet (in this case, the TabParent is null) // 2. The tab has never presented, and has not finished loading // a non-local-about: page. // // For (2), "finished loading a non-local-about: page" is // determined by the busy state on the tab element and checking // if the loaded URI is local. let hasSufficientlyLoaded = !this.requestedTab.hasAttribute("busy") && !this.tabbrowser._isLocalAboutURI(requestedBrowser.currentURI); let fl = requestedBrowser.frameLoader; shouldBeBlank = !this.minimizedOrFullyOccluded && (!fl.tabParent || (!hasSufficientlyLoaded && !fl.tabParent.hasPresented)); } this.log("Tab should be blank: " + shouldBeBlank); this.log("Requested tab is remote?: " + requestedBrowser.isRemoteBrowser); // Figure out which tab we actually want visible right now. let showTab = null; if (requestedTabState != this.STATE_LOADED && this.lastVisibleTab && this.loadTimer && !shouldBeBlank) { // If we can't show the requestedTab, and lastVisibleTab is // available, show it. showTab = this.lastVisibleTab; } else { // Show the requested tab. If it's not available, we'll show the spinner or a blank tab. showTab = this.requestedTab; } // First, let's deal with blank tabs, which we show instead // of the spinner when the tab is not currently set up // properly in the content process. if (!shouldBeBlank && this.blankTab) { this.blankTab.linkedBrowser.removeAttribute("blank"); this.blankTab = null; } else if (shouldBeBlank && this.blankTab !== showTab) { if (this.blankTab) { this.blankTab.linkedBrowser.removeAttribute("blank"); } this.blankTab = showTab; this.blankTab.linkedBrowser.setAttribute("blank", "true"); } // Show or hide the spinner as needed. let needSpinner = this.getTabState(showTab) != this.STATE_LOADED && !this.minimizedOrFullyOccluded && !shouldBeBlank; if (!needSpinner && this.spinnerTab) { this.spinnerHidden(); this.tabbrowser.tabpanels.removeAttribute("pendingpaint"); this.spinnerTab.linkedBrowser.removeAttribute("pendingpaint"); this.spinnerTab = null; } else if (needSpinner && this.spinnerTab !== showTab) { if (this.spinnerTab) { this.spinnerTab.linkedBrowser.removeAttribute("pendingpaint"); } else { this.spinnerDisplayed(); } this.spinnerTab = showTab; this.tabbrowser.tabpanels.setAttribute("pendingpaint", "true"); this.spinnerTab.linkedBrowser.setAttribute("pendingpaint", "true"); } // Switch to the tab we've decided to make visible. if (this.visibleTab !== showTab) { this.tabbrowser._adjustFocusBeforeTabSwitch(this.visibleTab, showTab); this.visibleTab = showTab; this.maybeVisibleTabs.add(showTab); let tabs = this.tabbrowser.tabbox.tabs; let tabPanel = this.tabbrowser.tabpanels; let showPanel = tabs.getRelatedElement(showTab); let index = Array.indexOf(tabPanel.childNodes, showPanel); if (index != -1) { this.log(`Switch to tab ${index} - ${this.tinfo(showTab)}`); tabPanel.setAttribute("selectedIndex", index); if (showTab === this.requestedTab) { if (this._requestingTab) { /* * If _requestingTab is set, that means that we're switching the * visibility of the tab synchronously, and we need to wait for * the "select" event before shifting focus so that * _adjustFocusAfterTabSwitch runs with the right information for * the tab switch. */ this.tabbrowser.addEventListener("select", () => { this.tabbrowser._adjustFocusAfterTabSwitch(showTab); }, { once: true }); } else { this.tabbrowser._adjustFocusAfterTabSwitch(showTab); } this.maybeActivateDocShell(this.requestedTab); } } // This doesn't necessarily exist if we're a new window and haven't switched tabs yet if (this.lastVisibleTab) this.lastVisibleTab._visuallySelected = false; this.visibleTab._visuallySelected = true; } this.lastVisibleTab = this.visibleTab; } assert(cond) { if (!cond) { dump("Assertion failure\n" + Error().stack); // Don't break a user's browser if an assertion fails. if (AppConstants.DEBUG) { throw new Error("Assertion failure"); } } } maybeClearLoadTimer(caller) { if (this.loadingTab) { this._loadTimerClearedBy = caller; this.loadingTab = null; if (this.loadTimer) { this.clearTimer(this.loadTimer); this.loadTimer = null; } } } // We've decided to try to load requestedTab. loadRequestedTab() { this.assert(!this.loadTimer); this.assert(!this.minimizedOrFullyOccluded); // loadingTab can be non-null here if we timed out loading the current tab. // In that case we just overwrite it with a different tab; it's had its chance. this.loadingTab = this.requestedTab; this.log("Loading tab " + this.tinfo(this.loadingTab)); this.loadTimer = this.setTimer(() => this.onLoadTimeout(), this.TAB_SWITCH_TIMEOUT); this.setTabState(this.requestedTab, this.STATE_LOADING); } maybeActivateDocShell(tab) { // If we've reached the point where the requested tab has entered // the loaded state, but the DocShell is still not yet active, we // should activate it. let browser = tab.linkedBrowser; let state = this.getTabState(tab); let canCheckDocShellState = !browser.mDestroyed && (browser.docShell || browser.frameLoader.tabParent); if (tab == this.requestedTab && canCheckDocShellState && state == this.STATE_LOADED && !browser.docShellIsActive && !this.minimizedOrFullyOccluded) { browser.docShellIsActive = true; this.logState("Set requested tab docshell to active and preserveLayers to false"); // If we minimized the window before the switcher was activated, // we might have set the preserveLayers flag for the current // browser. Let's clear it. browser.preserveLayers(false); } } // This function runs before every event. It fixes up the state // to account for closed tabs. preActions() { this.assert(this.tabbrowser._switcher); this.assert(this.tabbrowser._switcher === this); for (let [tab, ] of this.tabState) { if (!tab.linkedBrowser) { this.tabState.delete(tab); this.unwarmTab(tab); } } if (this.lastVisibleTab && !this.lastVisibleTab.linkedBrowser) { this.lastVisibleTab = null; } if (this.lastPrimaryTab && !this.lastPrimaryTab.linkedBrowser) { this.lastPrimaryTab = null; } if (this.blankTab && !this.blankTab.linkedBrowser) { this.blankTab = null; } if (this.spinnerTab && !this.spinnerTab.linkedBrowser) { this.spinnerHidden(); this.spinnerTab = null; } if (this.loadingTab && !this.loadingTab.linkedBrowser) { this.maybeClearLoadTimer("preActions"); } } // This code runs after we've responded to an event or requested a new // tab. It's expected that we've already updated all the principal // state variables. This function takes care of updating any auxilliary // state. postActions() { // Once we finish loading loadingTab, we null it out. So the state should // always be LOADING. this.assert(!this.loadingTab || this.getTabState(this.loadingTab) == this.STATE_LOADING); // We guarantee that loadingTab is non-null iff loadTimer is non-null. So // the timer is set only when we're loading something. this.assert(!this.loadTimer || this.loadingTab); this.assert(!this.loadingTab || this.loadTimer); // If we're switching to a non-remote tab, there's no need to wait // for it to send layers to the compositor, as this will happen // synchronously. Clearing this here means that in the next step, // we can load the non-remote browser immediately. if (!this.requestedTab.linkedBrowser.isRemoteBrowser) { this.maybeClearLoadTimer("postActions"); } // If we're not loading anything, try loading the requested tab. let stateOfRequestedTab = this.getTabState(this.requestedTab); if (!this.loadTimer && !this.minimizedOrFullyOccluded && (stateOfRequestedTab == this.STATE_UNLOADED || stateOfRequestedTab == this.STATE_UNLOADING || this.warmingTabs.has(this.requestedTab))) { this.assert(stateOfRequestedTab != this.STATE_LOADED); this.loadRequestedTab(); } // See how many tabs still have work to do. let numPending = 0; let numWarming = 0; for (let [tab, state] of this.tabState) { // Skip print preview browsers since they shouldn't affect tab switching. if (this.tabbrowser._printPreviewBrowsers.has(tab.linkedBrowser)) { continue; } if (state == this.STATE_LOADED && tab !== this.requestedTab) { numPending++; if (tab !== this.visibleTab) { numWarming++; } } if (state == this.STATE_LOADING || state == this.STATE_UNLOADING) { numPending++; } } this.updateDisplay(); // It's possible for updateDisplay to trigger one of our own event // handlers, which might cause finish() to already have been called. // Check for that before calling finish() again. if (!this.tabbrowser._switcher) { return; } this.maybeFinishTabSwitch(); if (numWarming > this.tabbrowser.tabWarmingMax) { this.logState("Hit tabWarmingMax"); if (this.unloadTimer) { this.clearTimer(this.unloadTimer); } this.unloadNonRequiredTabs(); } if (numPending == 0) { this.finish(); } this.logState("done"); } // Fires when we're ready to unload unused tabs. onUnloadTimeout() { this.logState("onUnloadTimeout"); this.preActions(); this.unloadTimer = null; this.unloadNonRequiredTabs(); this.postActions(); } // If there are any non-visible and non-requested tabs in // STATE_LOADED, sets them to STATE_UNLOADING. Also queues // up the unloadTimer to run onUnloadTimeout if there are still // tabs in the process of unloading. unloadNonRequiredTabs() { this.warmingTabs = new WeakSet(); let numPending = 0; // Unload any tabs that can be unloaded. for (let [tab, state] of this.tabState) { if (this.tabbrowser._printPreviewBrowsers.has(tab.linkedBrowser)) { continue; } if (state == this.STATE_LOADED && !this.maybeVisibleTabs.has(tab) && tab !== this.lastVisibleTab && tab !== this.loadingTab && tab !== this.requestedTab) { this.setTabState(tab, this.STATE_UNLOADING); } if (state != this.STATE_UNLOADED && tab !== this.requestedTab) { numPending++; } } if (numPending) { // Keep the timer going since there may be more tabs to unload. this.unloadTimer = this.setTimer(() => this.onUnloadTimeout(), this.UNLOAD_DELAY); } } // Fires when an ongoing load has taken too long. onLoadTimeout() { this.logState("onLoadTimeout"); this.preActions(); this.maybeClearLoadTimer("onLoadTimeout"); this.postActions(); } // Fires when the layers become available for a tab. onLayersReady(browser) { let tab = this.tabbrowser.getTabForBrowser(browser); if (!tab) { // We probably got a layer update from a tab that got before // the switcher was created, or for browser that's not being // tracked by the async tab switcher (like the preloaded about:newtab). return; } this.logState(`onLayersReady(${tab._tPos}, ${browser.isRemoteBrowser})`); this.assert(this.getTabState(tab) == this.STATE_LOADING || this.getTabState(tab) == this.STATE_LOADED); this.setTabState(tab, this.STATE_LOADED); this.unwarmTab(tab); if (this.loadingTab === tab) { this.maybeClearLoadTimer("onLayersReady"); } } // Fires when we paint the screen. Any tab switches we initiated // previously are done, so there's no need to keep the old layers // around. onPaint() { this.maybeVisibleTabs.clear(); } // Called when we're done clearing the layers for a tab. onLayersCleared(browser) { let tab = this.tabbrowser.getTabForBrowser(browser); if (tab) { this.logState(`onLayersCleared(${tab._tPos})`); this.assert(this.getTabState(tab) == this.STATE_UNLOADING || this.getTabState(tab) == this.STATE_UNLOADED); this.setTabState(tab, this.STATE_UNLOADED); } } // Called when a tab switches from remote to non-remote. In this case // a MozLayerTreeReady notification that we requested may never fire, // so we need to simulate it. onRemotenessChange(tab) { this.logState(`onRemotenessChange(${tab._tPos}, ${tab.linkedBrowser.isRemoteBrowser})`); if (!tab.linkedBrowser.isRemoteBrowser) { if (this.getTabState(tab) == this.STATE_LOADING) { this.onLayersReady(tab.linkedBrowser); } else if (this.getTabState(tab) == this.STATE_UNLOADING) { this.onLayersCleared(tab.linkedBrowser); } } else if (this.getTabState(tab) == this.STATE_LOADED) { // A tab just changed from non-remote to remote, which means // that it's gone back into the STATE_LOADING state until // it sends up a layer tree. this.setTabState(tab, this.STATE_LOADING); } } // Called when a tab has been removed, and the browser node is // about to be removed from the DOM. onTabRemoved(tab) { if (this.lastVisibleTab == tab) { // The browser that was being presented to the user is // going to be removed during this tick of the event loop. // This will cause us to show a tab spinner instead. this.preActions(); this.lastVisibleTab = null; this.postActions(); } } onSizeModeOrOcclusionStateChange() { if (this.minimizedOrFullyOccluded) { for (let [tab, state] of this.tabState) { // Skip print preview browsers since they shouldn't affect tab switching. if (this.tabbrowser._printPreviewBrowsers.has(tab.linkedBrowser)) { continue; } if (state == this.STATE_LOADING || state == this.STATE_LOADED) { this.setTabState(tab, this.STATE_UNLOADING); } } this.maybeClearLoadTimer("onSizeModeOrOcc"); } else { // We're no longer minimized or occluded. This means we might want // to activate the current tab's docShell. this.maybeActivateDocShell(this.tabbrowser.selectedTab); } } onSwapDocShells(ourBrowser, otherBrowser) { // This event fires before the swap. ourBrowser is from // our window. We save the state of otherBrowser since ourBrowser // needs to take on that state at the end of the swap. let otherTabbrowser = otherBrowser.ownerGlobal.gBrowser; let otherState; if (otherTabbrowser && otherTabbrowser._switcher) { let otherTab = otherTabbrowser.getTabForBrowser(otherBrowser); let otherSwitcher = otherTabbrowser._switcher; otherState = otherSwitcher.getTabState(otherTab); } else { otherState = otherBrowser.docShellIsActive ? this.STATE_LOADED : this.STATE_UNLOADED; } if (!this.swapMap) { this.swapMap = new WeakMap(); } this.swapMap.set(otherBrowser, { state: otherState, }); } onEndSwapDocShells(ourBrowser, otherBrowser) { // The swap has happened. We reset the loadingTab in // case it has been swapped. We also set ourBrowser's state // to whatever otherBrowser's state was before the swap. // Clearing the load timer means that we will // immediately display a spinner if ourBrowser isn't // ready yet. Typically it will already be ready // though. If it's not, we're probably in a new window, // in which case we have no other tabs to display anyway. this.maybeClearLoadTimer("onEndSwapDocShells"); let { state: otherState } = this.swapMap.get(otherBrowser); this.swapMap.delete(otherBrowser); let ourTab = this.tabbrowser.getTabForBrowser(ourBrowser); if (ourTab) { this.setTabStateNoAction(ourTab, otherState); } } shouldActivateDocShell(browser) { let tab = this.tabbrowser.getTabForBrowser(browser); let state = this.getTabState(tab); return state == this.STATE_LOADING || state == this.STATE_LOADED; } activateBrowserForPrintPreview(browser) { let tab = this.tabbrowser.getTabForBrowser(browser); let state = this.getTabState(tab); if (state != this.STATE_LOADING && state != this.STATE_LOADED) { this.setTabState(tab, this.STATE_LOADING); this.logState("Activated browser " + this.tinfo(tab) + " for print preview"); } } canWarmTab(tab) { if (!this.tabbrowser.tabWarmingEnabled) { return false; } if (!tab) { return false; } // If the tab is not yet inserted, closing, not remote, // crashed, already visible, or already requested, warming // up the tab makes no sense. if (this.minimizedOrFullyOccluded || !tab.linkedPanel || tab.closing || !tab.linkedBrowser.isRemoteBrowser || !tab.linkedBrowser.frameLoader.tabParent) { return false; } return true; } shouldWarmTab(tab) { if (this.canWarmTab(tab)) { // Tabs that are already in STATE_LOADING or STATE_LOADED // have no need to be warmed up. let state = this.getTabState(tab); if (state === this.STATE_UNLOADING || state === this.STATE_UNLOADED) { return true; } } return false; } unwarmTab(tab) { this.warmingTabs.delete(tab); } warmupTab(tab) { if (!this.shouldWarmTab(tab)) { return; } this.logState("warmupTab " + this.tinfo(tab)); this.warmingTabs.add(tab); this.setTabState(tab, this.STATE_LOADING); this.suppressDisplayPortAndQueueUnload(tab, this.tabbrowser.tabWarmingUnloadDelay); } // Called when the user asks to switch to a given tab. requestTab(tab) { if (tab === this.requestedTab) { return; } if (this.tabbrowser.tabWarmingEnabled) { let warmingState = "disqualified"; if (this.canWarmTab(tab)) { let tabState = this.getTabState(tab); if (tabState == this.STATE_LOADING) { warmingState = "stillLoading"; } else if (tabState == this.STATE_LOADED) { warmingState = "loaded"; } else if (tabState == this.STATE_UNLOADING || tabState == this.STATE_UNLOADED) { // At this point, if the tab's browser was being inserted // lazily, we never had a chance to warm it up, and unfortunately // there's no great way to detect that case. Those cases will // end up in the "notWarmed" bucket, along with legitimate cases // where tabs could have been warmed but weren't. warmingState = "notWarmed"; } } Services.telemetry .getHistogramById("FX_TAB_SWITCH_REQUEST_TAB_WARMING_STATE") .add(warmingState); } this._requestingTab = true; this.logState("requestTab " + this.tinfo(tab)); this.startTabSwitch(); this.requestedTab = tab; tab.linkedBrowser.setAttribute("primary", "true"); if (this.lastPrimaryTab && this.lastPrimaryTab != tab) { this.lastPrimaryTab.linkedBrowser.removeAttribute("primary"); } this.lastPrimaryTab = tab; this.suppressDisplayPortAndQueueUnload(this.requestedTab, this.UNLOAD_DELAY); this._requestingTab = false; } suppressDisplayPortAndQueueUnload(tab, unloadTimeout) { let browser = tab.linkedBrowser; let fl = browser.frameLoader; if (fl && fl.tabParent && !this.activeSuppressDisplayport.has(fl.tabParent)) { fl.tabParent.suppressDisplayport(true); this.activeSuppressDisplayport.add(fl.tabParent); } this.preActions(); if (this.unloadTimer) { this.clearTimer(this.unloadTimer); } this.unloadTimer = this.setTimer(() => this.onUnloadTimeout(), unloadTimeout); this.postActions(); } handleEvent(event, delayed = false) { if (this._processing) { this.setTimer(() => this.handleEvent(event, true), 0); return; } if (delayed && this.tabbrowser._switcher != this) { // if we delayed processing this event, we might be out of date, in which // case we drop the delayed events return; } this._processing = true; this.preActions(); if (event.type == "MozLayerTreeReady") { this.onLayersReady(event.originalTarget); } if (event.type == "MozAfterPaint") { this.onPaint(); } else if (event.type == "MozLayerTreeCleared") { this.onLayersCleared(event.originalTarget); } else if (event.type == "TabRemotenessChange") { this.onRemotenessChange(event.target); } else if (event.type == "sizemodechange" || event.type == "occlusionstatechange") { this.onSizeModeOrOcclusionStateChange(); } else if (event.type == "SwapDocShells") { this.onSwapDocShells(event.originalTarget, event.detail); } else if (event.type == "EndSwapDocShells") { this.onEndSwapDocShells(event.originalTarget, event.detail); } this.postActions(); this._processing = false; } /* * Telemetry and Profiler related helpers for recording tab switch * timing. */ startTabSwitch() { TelemetryStopwatch.cancel("FX_TAB_SWITCH_TOTAL_E10S_MS", this.window); TelemetryStopwatch.start("FX_TAB_SWITCH_TOTAL_E10S_MS", this.window); this.addMarker("AsyncTabSwitch:Start"); this.switchInProgress = true; } /** * Something has occurred that might mean that we've completed * the tab switch (layers are ready, paints are done, spinners * are hidden). This checks to make sure all conditions are * satisfied, and then records the tab switch as finished. */ maybeFinishTabSwitch() { if (this.switchInProgress && this.requestedTab && (this.getTabState(this.requestedTab) == this.STATE_LOADED || this.requestedTab === this.blankTab)) { // After this point the tab has switched from the content thread's point of view. // The changes will be visible after the next refresh driver tick + composite. let time = TelemetryStopwatch.timeElapsed("FX_TAB_SWITCH_TOTAL_E10S_MS", this.window); if (time != -1) { TelemetryStopwatch.finish("FX_TAB_SWITCH_TOTAL_E10S_MS", this.window); this.log("DEBUG: tab switch time = " + time); this.addMarker("AsyncTabSwitch:Finish"); } this.switchInProgress = false; } } spinnerDisplayed() { this.assert(!this.spinnerTab); let browser = this.requestedTab.linkedBrowser; this.assert(browser.isRemoteBrowser); TelemetryStopwatch.start("FX_TAB_SWITCH_SPINNER_VISIBLE_MS", this.window); // We have a second, similar probe for capturing recordings of // when the spinner is displayed for very long periods. TelemetryStopwatch.start("FX_TAB_SWITCH_SPINNER_VISIBLE_LONG_MS", this.window); this.addMarker("AsyncTabSwitch:SpinnerShown"); Services.telemetry .getHistogramById("FX_TAB_SWITCH_SPINNER_VISIBLE_TRIGGER") .add(this._loadTimerClearedBy); } spinnerHidden() { this.assert(this.spinnerTab); this.log("DEBUG: spinner time = " + TelemetryStopwatch.timeElapsed("FX_TAB_SWITCH_SPINNER_VISIBLE_MS", this.window)); TelemetryStopwatch.finish("FX_TAB_SWITCH_SPINNER_VISIBLE_MS", this.window); TelemetryStopwatch.finish("FX_TAB_SWITCH_SPINNER_VISIBLE_LONG_MS", this.window); this.addMarker("AsyncTabSwitch:SpinnerHidden"); // we do not get a onPaint after displaying the spinner this._loadTimerClearedBy = "none"; } addMarker(marker) { if (Services.profiler) { Services.profiler.AddMarker(marker); } } /* * Debug related logging for switcher. */ logging() { if (this._useDumpForLogging) return true; if (this._logInit) return this._shouldLog; let result = Services.prefs.getBoolPref("browser.tabs.remote.logSwitchTiming", false); this._shouldLog = result; this._logInit = true; return this._shouldLog; } tinfo(tab) { if (tab) { return tab._tPos + "(" + tab.linkedBrowser.currentURI.spec + ")"; } return "null"; } log(s) { if (!this.logging()) return; if (this._useDumpForLogging) { dump(s + "\n"); } else { Services.console.logStringMessage(s); } } logState(prefix) { if (!this.logging()) return; let accum = prefix + " "; for (let i = 0; i < this.tabbrowser.tabs.length; i++) { let tab = this.tabbrowser.tabs[i]; let state = this.getTabState(tab); let isWarming = this.warmingTabs.has(tab); accum += i + ":"; if (tab === this.lastVisibleTab) accum += "V"; if (tab === this.loadingTab) accum += "L"; if (tab === this.requestedTab) accum += "R"; if (tab === this.blankTab) accum += "B"; if (isWarming) accum += "(W)"; if (state == this.STATE_LOADED) accum += "(+)"; if (state == this.STATE_LOADING) accum += "(+?)"; if (state == this.STATE_UNLOADED) accum += "(-)"; if (state == this.STATE_UNLOADING) accum += "(-?)"; accum += " "; } if (this._useDumpForLogging) { dump(accum + "\n"); } else { Services.console.logStringMessage(accum); } } }