1

我正在尝试创建一个 google chrome 扩展程序（我几乎是编程新手，虽然我了解一些基础知识），它将在视频流媒体网站上搜索您输入的标题。该站点有点慢，并且通过一两个页面到达站点的搜索栏可能会很痛苦。我（现在）希望这个扩展与网站现有的搜索 url 相关联。这是网址的一部分。当您将搜索字段留空并进行搜索时，这是生成的 URL

anisrch_title=&op=srch&anisrch_cat=

当您实际搜索某些内容时，它只是按如下方式插入搜索词：

anisrch_title=（在此处搜索不带括号的术语）&op=srch&anisrch_cat=

正如我之前提到的，我是一个编程新手，对各种编程技术都不熟悉。我将如何制作一个扩展程序，将您重定向到 URL + 插入适当位置的搜索词？

例如，单击扩展图标后，会出现一个带有文本字段和“开始”按钮的弹出窗口。文本字段输入 = SearchTitle

单击“开始”按钮后，扩展程序会将您重定向到完整链接：anisrch_title=( SearchTitle )&op=srch&anisrch_cat=

请耐心等待我，因为我是编码新手，我还在学习。我正在为此制作的网站因负载过重和服务器资源不足而紧张。有人可以帮我完成这个吗？

4

1 回答 1

1

例如，单击扩展图标后，会出现一个带有文本字段和“开始”按钮的弹出窗口。文本字段输入 = SearchTitle

使用浏览器操作 ( https://developer.chrome.com/trunk/extensions/browserAction.html )。浏览器操作的弹出窗口可以是 html 页面。只需将您的文本字段、转到按钮等放在 popup.html 中即可。

单击“开始”按钮后，扩展程序会将您重定向到以下完整链接：anisrch_title=(SearchTitle)&op=srch&anisrch_cat=

重定向？您的意思是在当前选项卡中打开搜索页面吗？如果是这种情况，请在按钮的 onclick 处理程序中使用chrome.tabs.update（https://developer.chrome.com/extensions/tabs.html#method-update）（例如，您的按钮 ID 是go，文本字段 ID 是query）。由于 CSP ( https://developer.chrome.com/trunk/extensions/contentSecurityPolicy.html )，您必须将 JavaScript 代码放在单独的 popup.js 中并在 popup.html 中引用它。

document.getElementById('go').addEventListener('click', function() {
  chrome.tabs.update({url: 'http://yoursite.com/path?anisrch_title=' + document.getElementById('query')'&op=srch&anisrch_cat='});
});

如果您更喜欢打开新标签，请chrome.tabs.create改用。

如果您不熟悉 Chrome 扩展的基础知识，入门教程将对您有很大帮助：https ://developer.chrome.com/extensions/getstarted.html 。

于 2013-03-09T10:29:08.243 回答