为什么我的扩展程序仅在页面重新加载时起作用

Question

我有chrome扩展名，可以打开相机。我的代码运行良好，但仅在页面重新加载时有效。我想在单击扩展程序图标时进行处理，然后在每次重新加载时进行处理。有人可以帮我吗？

这是我的代码 content.js

            chrome.storage.local.get(['camera'], function(result) {

                if(result.camera === 'on'){
                 let html = `<video id="videoElement" autoplay></video>`;
                 navigator.mediaDevices.getUserMedia({
                   video: true
                }).then(mediaStream => {
                   document.querySelector('#videoElement').srcObject = mediaStream;

               })

               document.body.innerHTML += html;
               console.log(result.camera)



              }

            });

background.js

chrome.browserAction.onClicked.addListener(function(){
  chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
    chrome.storage.local.set({camera:'on'});

  });
})