Question

我正在尝试创建一个谷歌浏览器扩展程序（我几乎是编程的新手，虽然我理解基础知识，但有些）会在视频流网站上搜索您输入的标题。该网站有点慢，并通过一两页到达网站的搜索栏可能是一个痛苦。我（现在）喜欢这个扩展，以绑定到网站的现有搜索网址。这是URL的一部分。当您将搜索字段留空并搜索时，这就是生成的URL

anisrch_title =安培; OP = SRCH＆安培; anisrch_cat =

当您实际搜索某些内容时，只需按以下方式插入搜索字词：

anisrch_title =（在没有父母的情况下搜索这里）＆amp; op = srch＆amp; anisrch_cat =

正如我之前提到的，我是一名编程新手，并且不熟悉各种编程技巧。我如何进行扩展，将您重定向到URL +插入适当位置的搜索词？

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

点击“开始”按钮后，扩展程序会将您重定向到以下完整链接： anisrch_title =（的 SearchTitle ）及OP = SRCH＆安培; anisrch_cat =

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

Answer 1

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

使用浏览器操作（https://developer.chrome.com/trunk/extensions/browserAction.html）。浏览器操作的弹出窗口可以是html页面。只需在popup.html中输入你的文本字段，go按钮等。

点击“开始”按钮后，分机会将您重定向到完整链接：anisrch_title =（SearchTitle）＆amp; op = srch＆amp; 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。

Chrome扩展程序可以搜索网站吗？

1 个答案: