コンテキストメニュー実行時に、実行したページ上の hidden 値を取得したい

Question

Windows 10 Pro
Google Chrome ver.81 および Microsoft Edge ver.81

右クリックで実行する処理の際に、ページ上の以下の hidden の値を取得する処理を作成しました。

<input type='hidden' name="customer_id" value='1234' />

このページは、javascriptの「window.open()」で開かれているページで、「customer_id」が異なるページが同時にいくつも開いています。以下が作成したものです。ページが1つだけの時はうまくいきます。3つも4つも開かれたときは、うまくいったりいかなかったりまちまちです。右クリックを実行したページの hidden の値を確実に取得したいと思っております。

{
//manifest.json
    "name": "顧客ID取得",
    "version": "1.0",
    "icons": {
        "19" : "img/icon19.png",
        "32" : "img/icon32.png",
        "38" : "img/icon38.png",
        "48" : "img/icon48.png",
        "128": "img/icon128.png"
    },
    "description": "顧客IDをクリップボードにコピーします",
    "background" : {
        "scripts" : ["js/background.js"]
    },
    "content_scripts":[{
        "matches":["https://hogehoge.com/*"],
        "js":["js/content.js"]
    }],
    "permissions" : ["contextMenus", "https://hogehoge.com/*"],
    "author": "Hoger",
    "manifest_version": 2
}

//content.js
chrome.runtime.sendMessage({
    value: document.getElementsByName('customer_id')[0].value
});

//background.js
var customer_id = '';

chrome.runtime.onMessage.addListener(
  function (request, sender, sendResponse) {
      customer_id = request.value;
  }
);

const parent_menu = chrome.contextMenus.create({
    type: "normal",
    id: "hoge",
    title: "顧客関連"
});
chrome.contextMenus.create({
    id : "hoge1",
    parentId: parent_menu,
    title : "顧客コードコピー",
    type  : "normal",
    contexts : ["all"]
});

chrome.contextMenus.onClicked.addListener((info, tab) => {
  switch(info.menuItemId){
    case 'hoge1':
      copyTextToClipboard(customer_id);
      break;
    default:
  }
});

/*
クリップボードにコピーする
*/
function copyTextToClipboard(textVal){
  var copyFrom = document.createElement("textarea");
  copyFrom.textContent = textVal;
  var bodyElm = document.getElementsByTagName("body")[0];
  bodyElm.appendChild(copyFrom);
  copyFrom.select();
  var retVal = document.execCommand('copy');
  bodyElm.removeChild(copyFrom);
  return retVal;
}

よろしくお願い申し上げます。

Answer 1

どうにもならないのでやり方を変えました。sessionStorage を使う事にしました。Window のタイトルには顧客名が入っている為、window.open 時に、顧客名と顧客コードをセットで sessionStorage に追加。

右クリック時は、window のタイトルは拾えることから、顧客名を元に顧客コードを sessionStorage から取得する事に致しました。