Question

我一直想要构建一个浏览器扩展，最近发现了一种可以实现我想要的功能。

http://answr.com/for-software-engineers/

我希望我的浏览器扩展程序可以观看我的谷歌，并将其传输到服务器，这样我就不会再丢失任何有用的链接。

浏览器扩展程序如何跟踪您的Google以及您的网站。

任何方向，博客文章或操作方法都表示赞赏。

Answer 1

请先阅读谷歌的帖子：https://developer.chrome.com/extensions

我认为这个功能不会太难。在Chrome中，扩展程序具有内容脚本和后台脚本。将其视为客户端 - ＆gt;服务器在您的浏览器上运行扩展程序的内容脚本将加载到您打开的每个框架上，并且可以访问DOM。后台脚本是一个长时间运行的进程，可以与所有内容脚本进行通信。

要创建您要求的功能，您必须为搜索结果提供扩展程序将捕获的数据存储。这可能是外部Web API，与您的扩展程序相关联的浏览器内数据库，或与您的扩展程序相关联的localStorage。

由于您的内容脚本会在加载每个新网址时加载，因此可以轻松检查window.location.href是否为google。然后，你必须保留一个映射或某种选择器，以确定你是否更改了搜索字段的输入：

<input class="gsfi" id="lst-ib" maxlength="2048" name="q" autocomplete="off" title="Search" type="text" value="" aria-label="Search" aria-haspopup="false" role="combobox" aria-autocomplete="both" dir="ltr" spellcheck="false" style="border: none; padding: 0px; margin: 0px; height: auto; width: 100%; position: absolute; z-index: 6; left: 0px; outline: none; background: url(&quot;data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw%3D%3D&quot;) transparent;">

在这里，您的脚本可以查找$（'input.gsfi'）;

捕获表单提交上的更改值并将其发送到后台脚本，后台脚本可以处理将查询存储到您选择的数据存储中。

p.s。，我猜你的原始问题被投了票，因为它含糊不清是一个产品/功能要求，要求非常模糊：）

浏览器扩展程序，用于跟踪我的Google活动

1 个答案: