Browse Source
And use split incognito mode Previous method: - Rewrite content type to XHTML, followed by a content script to cancel and replace the document with the viewer. ( https://github.com/mozilla/pdf.js/pull/3017 ) New method: - Cancel loading of the document, followed by a redirect to the viewer Disadvantage of new method: - URLs are no longer "nice". This will be addressed by cherry-picking a commit from the crx-using-streams-api branch. Advantages of new method: - Idle time is minimal. In some cases (with large documents), it took too much time before the content script was activated. During this period, the page looked blank, and the contents of the PDF file were still retrieved and **discarded**. With the new method, the idle time is minimal, because the request is immediately cancelled. - No FOUXEP (Flash of unhidden XML error page), because the XHTML Content-Type hack is no longer used.
Rob Wu
12 years ago
7 changed files with 321 additions and 233 deletions
@ -0,0 +1,256 @@ |
|||||||
|
/** |
||||||
|
* (c) 2013 Rob Wu <gwnRob@gmail.com> |
||||||
|
* Released under the MIT license |
||||||
|
* https://github.com/Rob--W/chrome-api/chrome.tabs.executeScriptInFrame
|
||||||
|
* |
||||||
|
* Implements the chrome.tabs.executeScriptInFrame API. |
||||||
|
* This API is similar to the chrome.tabs.executeScript method, except |
||||||
|
* that it also recognizes the "frameId" property. |
||||||
|
* This frameId can be obtained through the webNavigation or webRequest API. |
||||||
|
* |
||||||
|
* When an error occurs, chrome.runtime.lastError is set. |
||||||
|
* |
||||||
|
* Required permissions: |
||||||
|
* webRequest |
||||||
|
* webRequestBlocking |
||||||
|
* Host permissions for the tab |
||||||
|
* |
||||||
|
* In addition, the following field must also be set in manifest.json: |
||||||
|
* "web_accessible_resources": ["getFrameId"] |
||||||
|
*/ |
||||||
|
|
||||||
|
(function() { |
||||||
|
/* jshint browser:true, maxlen:100 */ |
||||||
|
/* globals chrome, console */ |
||||||
|
'use strict'; |
||||||
|
chrome.tabs.executeScriptInFrame = executeScript; |
||||||
|
|
||||||
|
// This URL is used to communicate the frameId. The resource is never visited, so it should
|
||||||
|
// be a non-existent location. Do not use *, ", ' or line breaks in the file name.
|
||||||
|
var URL_WHAT_IS_MY_FRAME_ID = chrome.extension.getURL('getFrameId'); |
||||||
|
// The callback will be called within ... ms:
|
||||||
|
// Don't set a too low value.
|
||||||
|
var MAXIMUM_RESPONSE_TIME_MS = 1000; |
||||||
|
|
||||||
|
// Callbacks are stored here until they're invoked.
|
||||||
|
// Key = dummyUrl, value = callback function
|
||||||
|
var callbacks = {}; |
||||||
|
|
||||||
|
chrome.webRequest.onBeforeRequest.addListener(function showFrameId(details) { |
||||||
|
// Positive integer frameId >= 0
|
||||||
|
// Since an image is used as a data transport, we add 1 to get a non-zero height.
|
||||||
|
var frameId = details.frameId + 1; |
||||||
|
// Assume that the frameId fits in two bytes - which is a very reasonable assumption.
|
||||||
|
var width = String.fromCharCode(frameId & 0xFF, frameId & 0xFF00); |
||||||
|
var height = '\x01\x00'; |
||||||
|
// Convert data to base64 to avoid loss of bytes
|
||||||
|
var image = 'data:image/gif;base64,' + btoa( |
||||||
|
// 4749 4638 3961 (GIF header)
|
||||||
|
'GIF89a' + |
||||||
|
// Logical Screen Width (LSB)
|
||||||
|
width + |
||||||
|
// Logical Screen Height (LSB)
|
||||||
|
height + |
||||||
|
// "No Global Color Table follows"
|
||||||
|
'\x00' + |
||||||
|
// Background color
|
||||||
|
'\xff' + |
||||||
|
// No aspect information is given
|
||||||
|
'\x00' + |
||||||
|
// (image descriptor)
|
||||||
|
// Image Separator
|
||||||
|
'\x2c' + |
||||||
|
// Image Position (Left & Top)
|
||||||
|
'\x00\x00\x00\x00' + |
||||||
|
// Image Width (LSB)
|
||||||
|
width + |
||||||
|
// Image Height (LSB)
|
||||||
|
height + |
||||||
|
// Local Color Table is not present
|
||||||
|
'\x00' + |
||||||
|
// (End of image descriptor)
|
||||||
|
// Image data
|
||||||
|
'\x02\x02\x44\x01\x00' + |
||||||
|
// GIF trailer
|
||||||
|
'\x3b' |
||||||
|
); |
||||||
|
return {redirectUrl: image}; |
||||||
|
}, { |
||||||
|
urls: [URL_WHAT_IS_MY_FRAME_ID + '*'], |
||||||
|
types: ['image'] |
||||||
|
}, ['blocking']); |
||||||
|
|
||||||
|
chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) { |
||||||
|
if (message && message.executeScriptCallback) { |
||||||
|
var callback = callbacks[message.identifier]; |
||||||
|
if (callback) { |
||||||
|
if (message.hello) { |
||||||
|
clearTimeout(callback.timer); |
||||||
|
return; |
||||||
|
} |
||||||
|
delete callbacks[message.identifier]; |
||||||
|
// Result within an array to be consistent with the chrome.tabs.executeScript API.
|
||||||
|
callback([message.evalResult]); |
||||||
|
} else { |
||||||
|
console.warn('Callback not found for response in tab ' + sender.tab.id); |
||||||
|
} |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
/** |
||||||
|
* Execute content script in a specific frame. |
||||||
|
* |
||||||
|
* @param tabId {integer} required |
||||||
|
* @param details.frameId {integer} required |
||||||
|
* @param details.code {string} Code or file is required (not both) |
||||||
|
* @param details.file {string} Code or file is required (not both) |
||||||
|
* @param details.runAt {optional string} One of "document_start", "document_end", "document_idle" |
||||||
|
* @param callback {optional function(optional array of any result)} When an error occurs, result |
||||||
|
* is not set. |
||||||
|
*/ |
||||||
|
function executeScript(tabId, details, callback) { |
||||||
|
console.assert(typeof details === 'object', 'details must be an object (argument 0)'); |
||||||
|
var frameId = details.frameId; |
||||||
|
console.assert(typeof tabId === 'number', 'details.tabId must be a number'); |
||||||
|
console.assert(typeof frameId === 'number', 'details.frameId must be a number'); |
||||||
|
var sourceType = 'code' in details ? 'code' : 'file'; |
||||||
|
console.assert(sourceType in details, 'No source code or file specified'); |
||||||
|
var sourceValue = details[sourceType]; |
||||||
|
console.assert(typeof sourceValue === 'string', 'details.' + sourceType + ' must be a string'); |
||||||
|
var runAt = details.runAt; |
||||||
|
if (!callback) callback = function() {/* no-op*/}; |
||||||
|
console.assert(typeof callback === 'function', 'callback must be a function'); |
||||||
|
|
||||||
|
if (frameId === 0) { |
||||||
|
// No need for heavy lifting if we want to inject the script in the main frame
|
||||||
|
var injectDetails = { |
||||||
|
allFrames: false, |
||||||
|
runAt: runAt |
||||||
|
}; |
||||||
|
injectDetails[sourceType] = sourceValue; |
||||||
|
chrome.tabs.executeScript(tabId, injectDetails, callback); |
||||||
|
return; |
||||||
|
} |
||||||
|
|
||||||
|
var identifier = Math.random().toString(36); |
||||||
|
|
||||||
|
if (sourceType === 'code') { |
||||||
|
executeScriptInFrame(); |
||||||
|
} else { // sourceType === 'file'
|
||||||
|
(function() { |
||||||
|
var x = new XMLHttpRequest(); |
||||||
|
x.open('GET', chrome.extension.getURL(sourceValue), true); |
||||||
|
x.onload = function() { |
||||||
|
sourceValue = x.responseText; |
||||||
|
executeScriptInFrame(); |
||||||
|
}; |
||||||
|
x.onerror = function executeScriptResourceFetchError() { |
||||||
|
var message = 'Failed to load file: "' + sourceValue + '".'; |
||||||
|
console.error('executeScript: ' + message); |
||||||
|
chrome.runtime.lastError = chrome.extension.lastError = { message: message }; |
||||||
|
try { |
||||||
|
callback(); |
||||||
|
} finally { |
||||||
|
chrome.runtime.lastError = chrome.extension.lastError = undefined; |
||||||
|
} |
||||||
|
}; |
||||||
|
x.send(); |
||||||
|
})(); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
function executeScriptInFrame() { |
||||||
|
callbacks[identifier] = callback; |
||||||
|
chrome.tabs.executeScript(tabId, { |
||||||
|
code: '(' + DETECT_FRAME + ')(' + |
||||||
|
'window,' + |
||||||
|
JSON.stringify(identifier) + ',' + |
||||||
|
frameId + ',' + |
||||||
|
JSON.stringify(sourceValue) + ')', |
||||||
|
allFrames: true, |
||||||
|
runAt: 'document_start' |
||||||
|
}, function(results) { |
||||||
|
if (results) { |
||||||
|
callback.timer = setTimeout(executeScriptTimedOut, MAXIMUM_RESPONSE_TIME_MS); |
||||||
|
} else { |
||||||
|
// Failed :(
|
||||||
|
delete callbacks[identifier]; |
||||||
|
callback(); |
||||||
|
} |
||||||
|
}); |
||||||
|
} |
||||||
|
function executeScriptTimedOut() { |
||||||
|
var callback = callbacks[identifier]; |
||||||
|
if (!callback) { |
||||||
|
return; |
||||||
|
} |
||||||
|
delete callbacks[identifier]; |
||||||
|
var message = 'Failed to execute script: Frame ' + frameId + ' not found in tab ' + tabId; |
||||||
|
console.error('executeScript: ' + message); |
||||||
|
chrome.runtime.lastError = chrome.extension.lastError = { message: message }; |
||||||
|
try { |
||||||
|
callback(); |
||||||
|
} finally { |
||||||
|
chrome.runtime.lastError = chrome.extension.lastError = undefined; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Code executed as a content script. |
||||||
|
*/ |
||||||
|
var DETECT_FRAME = '' + function checkFrame(window, identifier, frameId, code) { |
||||||
|
var i; |
||||||
|
if ('__executeScript_frameId__' in window) { |
||||||
|
evalAsContentScript(); |
||||||
|
} else { |
||||||
|
// Do NOT use new Image(), because of http://crbug.com/245296 in Chrome 27-29
|
||||||
|
i = window.document.createElement('img'); |
||||||
|
i.onload = function() { |
||||||
|
window.__executeScript_frameId__ = this.naturalWidth - 1; |
||||||
|
evalAsContentScript(); |
||||||
|
}; |
||||||
|
// Trigger webRequest event to get frameId
|
||||||
|
// (append extra characters to bust the cache)
|
||||||
|
i.src = 'URL_WHAT_IS_MY_FRAME_ID?' + Math.random().toString(36).slice(-6); |
||||||
|
} |
||||||
|
|
||||||
|
for (i = 0 ; i < window.frames.length; ++i) { |
||||||
|
try { |
||||||
|
var frame = window.frames[i]; |
||||||
|
var scheme = frame.location.protocol; |
||||||
|
if (scheme !== 'https:' && scheme !== 'http:' && scheme !== 'file:') { |
||||||
|
checkFrame(frame, identifier, frameId, code); |
||||||
|
} |
||||||
|
} catch (e) { |
||||||
|
// blocked by same origin policy, so it's not a javascript: / about:blank
|
||||||
|
// URL. chrome.tabs.executeScript will run the script for the frame.
|
||||||
|
} |
||||||
|
} |
||||||
|
function evalAsContentScript() { |
||||||
|
if (window.__executeScript_frameId__ !== frameId) { |
||||||
|
return; |
||||||
|
} |
||||||
|
// Send an early message to make sure that any blocking code
|
||||||
|
// in the evaluated code does not cause the time-out in the background page
|
||||||
|
// to be triggered
|
||||||
|
chrome.runtime.sendMessage({ |
||||||
|
executeScriptCallback: true, |
||||||
|
hello: true, |
||||||
|
identifier: identifier |
||||||
|
}); |
||||||
|
var result = null; |
||||||
|
try { |
||||||
|
// jshint evil:true
|
||||||
|
result = window.eval(code); |
||||||
|
} finally { |
||||||
|
chrome.runtime.sendMessage({ |
||||||
|
executeScriptCallback: true, |
||||||
|
evalResult: result, |
||||||
|
identifier: identifier |
||||||
|
}); |
||||||
|
} |
||||||
|
} |
||||||
|
}.toString().replace('URL_WHAT_IS_MY_FRAME_ID', URL_WHAT_IS_MY_FRAME_ID); |
||||||
|
|
||||||
|
})(); |
||||||
@ -1,3 +0,0 @@ |
|||||||
parsererror { |
|
||||||
display: none; |
|
||||||
} |
|
||||||
@ -1,150 +0,0 @@ |
|||||||
/* -*- Mode: Java; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- */ |
|
||||||
/* vim: set shiftwidth=2 tabstop=2 autoindent cindent expandtab: */ |
|
||||||
/* |
|
||||||
Copyright 2012 Mozilla Foundation |
|
||||||
|
|
||||||
Licensed under the Apache License, Version 2.0 (the "License"); |
|
||||||
you may not use this file except in compliance with the License. |
|
||||||
You may obtain a copy of the License at |
|
||||||
|
|
||||||
http://www.apache.org/licenses/LICENSE-2.0
|
|
||||||
|
|
||||||
Unless required by applicable law or agreed to in writing, software |
|
||||||
distributed under the License is distributed on an "AS IS" BASIS, |
|
||||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|
||||||
See the License for the specific language governing permissions and |
|
||||||
limitations under the License. |
|
||||||
*/ |
|
||||||
/* globals chrome */ |
|
||||||
|
|
||||||
'use strict'; |
|
||||||
|
|
||||||
if (!chrome.runtime) { |
|
||||||
// Chrome 21-
|
|
||||||
chrome.runtime = chrome.extension; |
|
||||||
} else if (!chrome.runtime.onMessage) { |
|
||||||
// Chrome 22-25
|
|
||||||
chrome.runtime.onMessage = chrome.extension.onMessage; |
|
||||||
} |
|
||||||
|
|
||||||
var VIEWER_URL = chrome.runtime.getURL('content/web/viewer.html'); |
|
||||||
var BASE_URL = VIEWER_URL.replace(/[^\/]+$/, ''); |
|
||||||
|
|
||||||
function getViewerURL(pdf_url) { |
|
||||||
return VIEWER_URL + '?file=' + encodeURIComponent(pdf_url); |
|
||||||
} |
|
||||||
|
|
||||||
function showViewer(url) { |
|
||||||
if (document.documentElement === null) { |
|
||||||
// If the root element hasn't been rendered yet, delay the next operation.
|
|
||||||
// Otherwise, document.readyState will get stuck in "interactive".
|
|
||||||
setTimeout(showViewer, 0, url); |
|
||||||
return; |
|
||||||
} |
|
||||||
// Cancel page load and empty document.
|
|
||||||
window.stop(); |
|
||||||
document.body.textContent = ''; |
|
||||||
|
|
||||||
replaceDocumentWithViewer(url); |
|
||||||
} |
|
||||||
function makeLinksAbsolute(doc) { |
|
||||||
normalize('href', 'link[href]'); |
|
||||||
normalize('src', 'style[src],script[src]'); |
|
||||||
|
|
||||||
function normalize(attribute, selector) { |
|
||||||
var nodes = doc.querySelectorAll(selector); |
|
||||||
for (var i=0; i<nodes.length; ++i) { |
|
||||||
var node = nodes[i]; |
|
||||||
var newAttribute = makeAbsolute(node.getAttribute(attribute)); |
|
||||||
node.setAttribute(attribute, newAttribute); |
|
||||||
} |
|
||||||
} |
|
||||||
function makeAbsolute(url) { |
|
||||||
if (url.indexOf('://') !== -1) return url; |
|
||||||
return BASE_URL + url; |
|
||||||
} |
|
||||||
} |
|
||||||
function replaceDocumentWithViewer(url) { |
|
||||||
var x = new XMLHttpRequest(); |
|
||||||
x.open('GET', VIEWER_URL); |
|
||||||
x.responseType = 'document'; |
|
||||||
x.onload = function() { |
|
||||||
// Resolve all relative URLs
|
|
||||||
makeLinksAbsolute(x.response); |
|
||||||
|
|
||||||
// Remove all <script> elements (added back later).
|
|
||||||
// I assumed that no inline script tags exist.
|
|
||||||
var scripts = [], script; |
|
||||||
|
|
||||||
// new Worker('chrome-extension://..../pdf.js') fails, despite having
|
|
||||||
// the correct permissions. Fix it:
|
|
||||||
script = document.createElement('script'); |
|
||||||
script.onload = loadNextScript; |
|
||||||
script.src = chrome.runtime.getURL('patch-worker.js'); |
|
||||||
scripts.push(script); |
|
||||||
|
|
||||||
while (x.response.scripts.length) { |
|
||||||
script = x.response.scripts[0]; |
|
||||||
var newScript = document.createElement('script'); |
|
||||||
newScript.onload = loadNextScript; |
|
||||||
newScript.src = script.src; |
|
||||||
script.parentNode.removeChild(script); |
|
||||||
scripts.push(newScript); |
|
||||||
} |
|
||||||
|
|
||||||
// Replace document with viewer
|
|
||||||
var docEl = document.adoptNode(x.response.documentElement); |
|
||||||
document.replaceChild(docEl, document.documentElement); |
|
||||||
// Force Chrome to render content
|
|
||||||
// (without this line, the layout is broken and querySelector
|
|
||||||
// fails to find elements, even when they appear in the doc)
|
|
||||||
document.body.innerHTML += ''; |
|
||||||
|
|
||||||
// Load all scripts
|
|
||||||
loadNextScript(); |
|
||||||
|
|
||||||
function loadNextScript() { |
|
||||||
if (scripts.length > 0) |
|
||||||
document.head.appendChild(scripts.shift()); |
|
||||||
else |
|
||||||
renderPDF(url); |
|
||||||
} |
|
||||||
}; |
|
||||||
x.send(); |
|
||||||
} |
|
||||||
function renderPDF(url) { |
|
||||||
var args = { |
|
||||||
BASE_URL: BASE_URL, |
|
||||||
pdf_url: url |
|
||||||
}; |
|
||||||
// The following technique is explained at
|
|
||||||
// http://stackoverflow.com/a/9517879/938089
|
|
||||||
var script = document.createElement('script'); |
|
||||||
script.textContent = |
|
||||||
'(function(args) {' + |
|
||||||
' PDFJS.imageResourcesPath = args.BASE_URL + PDFJS.imageResourcesPath;' + |
|
||||||
' PDFJS.workerSrc = args.BASE_URL + PDFJS.workerSrc;' + |
|
||||||
' window.DEFAULT_URL = args.pdf_url;' + |
|
||||||
'})(' + JSON.stringify(args) + ');'; |
|
||||||
document.head.appendChild(script); |
|
||||||
|
|
||||||
// Trigger domready
|
|
||||||
if (document.readyState === 'complete') { |
|
||||||
var event = document.createEvent('Event'); |
|
||||||
event.initEvent('DOMContentLoaded', true, true); |
|
||||||
document.dispatchEvent(event); |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
// Activate the content script only once per frame (until reload)
|
|
||||||
if (!window.hasRun) { |
|
||||||
window.hasRun = true; |
|
||||||
chrome.runtime.onMessage.addListener(function listener(message) { |
|
||||||
if (message && message.type === 'showPDFViewer' && |
|
||||||
message.url === location.href) { |
|
||||||
chrome.runtime.onMessage.removeListener(listener); |
|
||||||
showViewer(message.url); |
|
||||||
} |
|
||||||
}); |
|
||||||
} |
|
||||||
@ -0,0 +1 @@ |
|||||||
|
// This file has no code, and is used to deal with http://crbug.com/302548
|
||||||
Loading…
Reference in new issue