使用内容脚本获取本地 PDF URL

Question

访问 Google Chrome 的 pdf 时，浏览器使用自己的扩展程序来阅读和显示 PDF。我想使用内容脚本从本地源文件 "file:///C:/Users/Test/Desktop/test%20extension/test.pdf" 获取 URL。

我的目标是最终获得此 PDF 的文本以便我可以通读它，而我使用的 pdf.js 库需要 pdf 的 URL。

在 chrome-extension://mhjfbmdgcfjbbpaeojofohoefgiehjai/index.html 文件中，以下元素包含此数据。

<embed id="plugin" type="application/x-google-chrome-pdf" src="file:///C:/Users/Test/Desktop/test%20extension/test.pdf" stream-url="blob:chrome-extension://mhjfbmdgcfjbbpaeojofohoefgiehjai/e268f61a-7f6c-44ab-9218-7193dc73a783" headers="" background-color="0xFF525659" top-toolbar-height="56" javascript="allow" full-frame="">

我已经在 manifest.json 中嵌入了我的内容脚本，如下所示：

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

我的内容脚本有以下代码，我认为应该提取这个 URL:

var fileUrl = document.getElementById('plugin').src;
console.log('The file URL is : ' + fileUrl);

我的目标是将上面的 console.log() 获取到 return fileUrl ("file:///C:/Users/Test/Desktop/test%20extension/test.pdf")。有人对如何执行此操作有建议吗？有没有可能我没有正确调用我的内容脚本？

Answer 1

按照@wOxxOm 的建议，将 "matches" 模式从

更改为

"matches": "*://*/*.pdf"

到

"matches": "file://*/*.pdf"

成功了！！

使用内容脚本获取本地 PDF URL

Getting local PDF's URL using a Content Script

javascript

pdf

google-chrome-extension

content-script