谷歌浏览器插件开发注意事项

[md]

manifest.json

{
  &#34;name&#34;: &#34;chrome扩展获取页面dom对象信息&#34;,
  &#34;manifest_version&#34;: 2,
  &#34;version&#34;: &#34;1.0&#34;,
  &#34;author&#34;:&#34;lr&#34;,
  &#34;description&#34;: &#34;chrome扩展，给页面对象绑定点击事件用于获取百度搜索输入框中用户输入的关键字。&#34;,
  &#34;content_scripts&#34;: [{&#34;matches&#34;: [&#34;*://*/*&#34;],&#34;js&#34;: [&#34;jquery-3.2.1.min.js&#34; ,&#34;receiver.js&#34;]}],
  &#34;browser_action&#34;: {&#34;default_popup&#34;: &#34;hello.html&#34;},
  &#34;permissions&#34;: [&#34;*://*/*&#34;,&#34;tabs&#34;]
}

1.js的作用域

default_popup里的html包含的js（简称:dejs）和 content_scripts里的js(简称:ctjs) 是各自独立的，各自需要手动引入。

2.dejs和ctjs交互

dejs这样写:

   chrome.tabs.getSelected(null, function (tab) {//获取当前tab
            //向tab发送请求
            chrome.tabs.sendRequest(tab.id, { action: &#34;GetBaiduKeyWord&#34; }, function (response) {
            });
        });

ctjs这样写：

   &#39;use strict&#39;;
function run() {
    chrome.extension.onRequest.addListener(//监听扩展程序进程或内容脚本发送的请求
        function (request, sender, sendResponse) {
            if (request.action == &#34;GetBaiduKeyWord&#34;) {
                $(&#39;#kw&#39;).val(&#39;abcdd&#39;);
                $(&#39;#result_logo&#39;).remove();
            }
        }
    );
}
run();

3.chrome.extension.onRequest.addListener

当打开“审查调试内容”时，这句话会触发报错，不打开“审查调试内容”即可。

或者某些版本的谷歌浏览器不支持此函数，则需要改成： chrome.runtime.onMessage.addListener

。