Run a Chrome Plugin On a PDF Page

Question

Using a Chrome extension, I'd like to:

Detect if the current tab has loaded a PDF file.
Add a button to the popup.html to offer to convert the PDF into HTML5.
Get the URL of the PDF file and send that to an online service.

To accomplish #1, I think one of the solutions on this page could work: How can I detect the current tab's mime type in a Google Chrome extension?

The problem is that I'm having trouble getting the extension to run on the PDF page itself.

How do I run background.js of the extension on the PDF page?

My manifest file currently:

{
   "matches":[
      "https://*/*",
      "http://*/*"
   ],
   "run_at":"document_idle",
   "css":[
      "jquery-ui.css",
      "resizable.css"
   ],
   "js":[
      "jquery.js",
      "jquery-ui.js",
      "storage.js",
      "background.js"
   ],
   "all_frames":true
}

You might want to [re]read the extension architecture article because the background page is an entirely different page (you can think of it as of a hidden browser tab that has its own DOM and scripts). By using such a misleading file name you're probably missing the simple solution which is to check the presence of `body > embed[name="plugin"][type="application/pdf"]` as you can see in the devtools inspector on a pdf page. — wOxxOm, May 18 '17 at 03:47

score 1 · Accepted Answer · answered May 18 '17 at 03:22

1

In the manifest file you should have this:

"content_scripts": [
 {
   "matches": ["*://*.pdf"],
   "js": ["background.js"]
 }
]

answered May 18 '17 at 03:22

vatz88

2,422
2
14
25

This is my manifest file currently - ````{ "matches":[ "https://*/*","http://*/*"], "run_at": "document_idle", "css":["jquery-ui.css","resizable.css"], "js": ["jquery.js","jquery-ui.js","storage.js","background.js"], "all_frames": true },```` – keyboardface May 18 '17 at 03:25
You'd think it would match a PDF as well (note - the PDFs don't always have a .pdf on the end) – keyboardface May 18 '17 at 03:26
What's the issue? The `background.js` doesn't load on pages ending with `.pdf` ? – vatz88 May 18 '17 at 03:29
Yes - the background.js doesn't load on the chrome PDF viewer. – keyboardface May 18 '17 at 03:36
Did you make sure it's opened on `http` and not `file:///`? – vatz88 May 18 '17 at 03:37
Yep :) I'm setting up a test extension with everything else stripped out just to eliminate any other possibilities. – keyboardface May 18 '17 at 03:41
1

If your `background.js` is same as the question you have linked to, then you must have the `permissions` added to your manifest as well. – vatz88 May 18 '17 at 03:41
That did it. Should have thought of that. Thanks! – keyboardface May 18 '17 at 03:49

Run a Chrome Plugin On a PDF Page

1 Answers1

Linked