如何使用从其他 URL 抓取的数据制作 Chrome 扩展程序？答案

【问题标题】：How to make Chrome Extension using scraped data from other URLs?如何使用从其他 URL 抓取的数据制作 Chrome 扩展程序？
【发布时间】：2019-03-21 08:42:23
【问题描述】：

我希望这是我自己使用的扩展程序，而不是与任何其他方共享。

所以，我在节点生态系统中使用 request、cheerio 和 browserify，让客户端模仿服务器端。但是当然，当我将我的扩展“上传”到我自己的本地 chrome 时，它不会运行，因为它根本无法识别 'require' 关键字。

关于我应该如何进行的任何想法？

【问题讨论】：

您需要编译/捆绑扩展，以便它使用的所有内容都包含在其包中。
@wOxxOm 我相信这会起作用，但我把它们拆开包装了。因为如果我打包它，那么 chrome 将不会运行安装的 crx，因为它没有在商店中列出，因此不受信任。
“包”是指扩展程序包含的文件集，而不是其 CRX 存档。
哦，那不行。 const request = require('request');是错误。它不认识它。
我会尝试改写。扩展在浏览器中运行，因此它们不能直接使用节点模块系统。应该有编译器/捆绑器来处理 require() 调用并生成包含扩展使用的所有内容的本地包。

标签： javascript google-chrome-extension request browserify cheerio

【解决方案1】：

好的，大家都知道了：

我使用了将所有内容捆绑在一起的 browserify。我的愚蠢错误是在我的 chrome 扩展的 manifest.js 中，我忘记将 content_scripts 设置为 budle.js 并将其设置为 content.js

错误

"content_scripts": [{
"css": ["style.css"],
"js": ["content.js"],

正确

"content_scripts": [{
"css": ["style.css"],
"js": ["bundle.js"],

【讨论】：