Chrome扩展程序在首次安装时不起作用

Question

我正在学习如何制作chrome扩展程序，并尝试在单击按钮时使弹出式js发出警报。

背景js

chrome.runtime.onMessage.addListener(function(request,sender,sendResponse){
if(request.todo=="showPageAction"){
    chrome.tabs.query({active:true,currentWindow:true}, function(tabs){
        chrome.pageAction.show(tabs[0].id);
    });
}
});

popup.js

document.addEventListener('DOMContentLoaded',function(){
$('#btnChange').click(function(){
    chrome.tabs.query({active:true,currentWindow:true},function(tabs){
        chrome.tabs.sendMessage(tabs[0].id,{todo:"clickAll"})})
});

});

content.js

chrome.runtime.sendMessage({todo:"showPageAction"});    

  chrome.runtime.onMessage.addListener(function(request,sender,sendResponse) 
  {
     if (request.todo =="clickAll"){
        alert("alert");
  }


 });

manifest.json

{
"name": "alert",
"version": "1",
"description": "alert ",
"permissions": ["declarativeContent","activeTab","storage","https://*","tabs"],
"options_page": "options.html",
"background": {
    "scripts": ["background.js"],
    "persistent": false
},
"content_scripts": [
{
"matches": ["https://*"],
"js": ["content.js", "jquery.js"],
"run_at": "document_start",
"all_frames": true
}
],
"page_action": {
    "default_popup": "popup.html",
    "default_icon": {
        "128": "images/img.png"
        }
},
"icons": {
    "128": "images/img.png"
},

"manifest_version": 2
}

该代码在首次安装时不起作用，需要刷新才能工作。我该怎么做才能使其在首次安装时起作用？