常連

###前提・実現したいこと
WebExtensionsでyoutubeの動画を新しいウインドウで開くアドオンを作っています。
なぜか最初にインストールした時だけbrowser.tabs.sendMessageがエラーを出します。ブラウザーを再起動すると直ります。これはバグなんでしょうかそれとも僕の書き方が悪いんでしょうか。

###発生している問題・エラーメッセージ

```
Error: Error: Could not establish connection. Receiving end does not exist.  YouTube-background.js:2:3
	onError moz-extension://31a62720-6f34-4d04-9287-0b9c07dc7cf3/YouTube-background.js:2:3
	(非同期: promise callback)
	newWindow/< moz-extension://31a62720-6f34-4d04-9287-0b9c07dc7cf3/YouTube-background.js:10:5
	(非同期: promise callback)
	newWindow moz-extension://31a62720-6f34-4d04-9287-0b9c07dc7cf3/YouTube-background.js:8:3
	onGot/</< moz-extension://31a62720-6f34-4d04-9287-0b9c07dc7cf3/YouTube-background.js:39:9
	(非同期: promise callback)
	onGot/< moz-extension://31a62720-6f34-4d04-9287-0b9c07dc7cf3/YouTube-background.js:38:7
	(非同期: promise callback)
	onGot moz-extension://31a62720-6f34-4d04-9287-0b9c07dc7cf3/YouTube-background.js:25:5
	(非同期: promise callback)
	getInfoForTab moz-extension://31a62720-6f34-4d04-9287-0b9c07dc7cf3/YouTube-background.js:48:5
	(非同期: promise callback)
	<匿名関数> moz-extension://31a62720-6f34-4d04-9287-0b9c07dc7cf3/YouTube-background.js:54:3
```

###該当のソースコード
manifest.json
```json
{
    "manifest_version": 2,
    "name": "YouTube Popup Panel",
    "version": "1.2",
    "applications": {
        "gecko": {
            "id": "YouTube-Popup-Panel@nekojiro.net"
        }
    },
    "description": "__MSG_extensionDescription__",
    "default_locale": "en",
    "background": {
        "scripts": ["YouTube-background.js"]
    },
    "page_action": {
        "default_icon": "icons/page-32.png",
        "default_title": "Popup"
    },
    "icons": {
        "48": "icons/page-48.png",
        "64": "icon/page-64.png"
    },
    "permissions": [
        "storage",
        "tabs"
    ],
    "options_ui": {
        "page": "options/options.html"
    }
}
```

background
```javascript
function onError(error) {
  console.error(`Error: ${error}`);
}

function newWindow(YouTubeURL) {
  const videoID = YouTubeURL.slice(32);
  const querying = browser.tabs.query({currentWindow: true, active: true});
  querying.then((tabs) => {
    console.log(tabs[0].id);
    browser.tabs.sendMessage(tabs[0].id, {URL: videoID}).catch(onError);
  });
  /* browser.windows.onCreated.addListener(() => {
  });
  browser.windows.onCreated.removeListener(newWindow); */
}

function onGot(tabInfo) {
  const YouTubewatchURL = 'https://www.youtube.com/watch';
  if (tabInfo.url.match(YouTubewatchURL)) {
    let width = 960;
    let height = 540;
    const gettingWidth = browser.storage.local.get('width');
    const gettingHeight = browser.storage.local.get('height');
    const popupURL = browser.extension.getURL('popup/popup.html');
    Promise.all([gettingWidth, gettingHeight]).then(results => {
      if (results[0] && results[0].width) {
        width = parseInt(results[0].width, 10);
      }
      if (results[1] && results[1].height) {
        height = parseInt(results[1].height, 10);
      }
      const creating = browser.windows.create({
        url: popupURL,
        type: 'panel',
        width: width,
        height: height,
      });
      creating.then(() => {
        newWindow(tabInfo.url);
      });
    });
  }
}

function getInfoForTab(tabs) {
  if (tabs.length > 0) {
    const gettingInfo = browser.tabs.get(tabs[0].id);
    gettingInfo.then(onGot);
  }
}

browser.pageAction.onClicked.addListener(() => {
  const querying = browser.tabs.query({currentWindow: true, active: true});
  querying.then(getInfoForTab);
});

function updateActiveTab(tabs) {
  function onGot(tabInfo) {
    const YouTubewatchURL = 'https://www.youtube.com/watch';
    if (tabInfo.url.match(YouTubewatchURL)) {
      browser.pageAction.show(tabs);
    }
  }
  const gettingInfo = browser.tabs.get(tabs);
  gettingInfo.then(onGot);
}
// listen to tab URL changes
browser.tabs.onUpdated.addListener((tabId, changeInfo) => {
  if (changeInfo.status === 'complete') {
    console.log(tabId);
    updateActiveTab(tabId);
  }
});
// listen to tab switching
browser.tabs.onActivated.addListener((activeInfo) => {
  updateActiveTab(activeInfo.tabId);
});
```
新しいウインドウのhtmlが読み込んでるjs
```javascript
browser.runtime.onMessage.addListener(getURL);
```
###試したこと
エラーを調べてみたけれどわからなかった。

###補足情報(言語/FW/ツール等のバージョンなど)
firefox developer edition 54.0a2
firefox 64bit 52.0

WebExtensionsのtabs.sendMessageが動かない

### 前提・実現したいこと

YouTubeのチャットの翻訳をするFirefox拡張機能を作っています。
コンテンツスクリプトを走らせることで翻訳をしているのですが、なぜかそもそもコンテンツスクリプトが走らないことがあります。

### 発生している問題・エラーメッセージ

YouTubeの動画再生ページを初めて開いたとき、コンテンツスクリプトが走りません。具体的には以下のような事象が発生します。

前提として、テストのために以下のようなファイルを配置しました。

test.js
```js
console.log("test.js run!")
```

manifest.json
```json
...
  "content_scripts": [
    {
      "matches": [
        "*://*.youtube.com/live_chat*",
        "*://*.youtube.com/watch*"
      ],
      "js": ["youtube.js", "test.js"]
    }
  ],
...
```
さらに、翻訳を行うスクリプトの先頭にもログを残すよう書きました。
```js
'use strict';
// 翻訳apiのURL
let translaterUrl = "hogehoge";
// 翻訳する言語
let targetLang;
// 翻訳するノード
let target;
// 翻訳するチャット欄のあるフレーム
let targetFrame;
// 翻訳の監視が走っているかの値
let observerRan = false;

// テスト用のログ
console.log("youtube.js run!");
...
```
以下はこの環境下での行った操作とログです。
1.YouTubeの再生ページを初めて開いたときのログ
```
LegacyDataMixin will be applied to all legacy elements.
Set `_legacyUndefinedCheck: true` on element class to enable.
CSI/tbsd_ cb=gapi.loaded_0:404
CSI/_tbnd cb=gapi.loaded_0:404
WEBGL_debug_renderer_info is deprecated in Firefox and will be removed. Please use RENDERER.
```
2.そこからさらに別の動画に飛んだ時のログ
```
LegacyDataMixin will be applied to all legacy elements.
Set `_legacyUndefinedCheck: true` on element class to enable. live_chat_polymer.js:3039
CSI/tbsd_ cb=gapi.loaded_0:404
CSI/_tbnd cb=gapi.loaded_0:404
LegacyDataMixin will be applied to all legacy elements.
Set `_legacyUndefinedCheck: true` on element class to enable. desktop_polymer.js:4234
```
3.その動画ページでF5を押し、ページをリロードしたときのログ
```
youtube.js run! //ここでやっとコンテンツスクリプトが走る
test.js run!
2 stopTranslateServiceの多重呼び出しがかかりました。 youtube.js:92 //（内部的にこのログは正常な処理です。）
LegacyDataMixin will be applied to all legacy elements.
Set `_legacyUndefinedCheck: true` on element class to enable. live_chat_polymer.js:3039
CSI/tbsd_ cb=gapi.loaded_0:404
CSI/_tbnd cb=gapi.loaded_0:404
```


### 試したこと

ひたすらいろいろな場所にブレークポイントを置いて、ログを出力するコードも書きテストしましたが、どうしても何も引っ掛からないのでそもそもコンテンツスクリプトが走っていないということしかわかりませんでした。

### 補足情報（FW/ツールのバージョンなど）

開発環境：
Visual Studio Code 1.60.0 + Debugger for Firefox v2.9.4
実行環境：
Windows 10 21H1
Firefox Developer Edition 93.0b3

初回読み込み時にコンテンツスクリプトが起動しない。

###前提・実現したいこと
WebExtensionsでマウスポインターを数秒後に消すアドオンを作っています。
mousemoveだと最初にマウスを一回動かさないとマウスポインターが消えないので動かさずに消す方法を教えてください。
それからリンクなどの選択状態のときにマウスポインターが消えないので消すにはどうしたいいでしょうか。
###該当のソースコード
```javascript
function onGot(item) {
  let time = 5000;
  if (item.time) {
    time = item.time;
  }
  var timer;
  const idlebreak = function() {
    document.body.style.cursor = 'auto';
    clearTimeout(timer);
    timer = setTimeout(function() {
      document.body.style.cursor = 'none';
    }, time);
  };
  document.documentElement.addEventListener('mousemove', idlebreak);
}
const gettingItem = browser.storage.local.get('time');
gettingItem.then(onGot);

```

###補足情報(言語/FW/ツール等のバージョンなど)
Firefox Developer Edition53.0a2

javascriptでマウスポインターを消したい

```Python
# coding: utf-8
import os
from selenium import webdriver

def get_driver_FireFox2(headlessflag):
    options = Options()
    if headlessflag == True:
        options.add_argument('-headless')
    downloadPath = '/Volumes/GoogleDrive/My Drive/SeleniumDownload'
    fp = webdriver.FirefoxProfile()
    fp.set_preference("browser.download.folderList", 2)
    fp.set_preference("browser.download.dir", downloadPath)

    # ダウンロードマネージャウィンドウを表示させない
    fp.set_preference("browser.download.manager.showWhenStarting", False)
    # MIMEタイプを設定 
    fp.set_preference("browser.helperApps.neverAsk.saveToDisk","application/xls;text/csv;"application/*;")

    driver = webdriver.Firefox(firefox_options=options,firefox_profile=fp)
    return driver
```

このようにProfileで設定をし
ているにも関わらず必ずポップアップで以下の画像が出てきます。
![イメージ説明](4208976d72bfa644d414f3d2047cfb1d.png)

設定画面を見ると指定したダウンロードフォルダはきちんと設定がされているので、
オプション設定はdriverを取得するときに成功はしていると思いますが、
アプリケーションの開く設定を見ると以下のようになっており、エクセルは一覧にありません。
![イメージ説明](14bc2a8db767b30c7f0a56d4b3604e94.png)

手動で以下を設定して保存を押すと
![イメージ説明](6ffbcb7b83090f073238bbef68de54f0.png)

きちんとアプリの設定一覧に入ります。ただ、driverを閉じるとまた元設定に戻り、再びポップアップが表示されます。。
![イメージ説明](e457693f4b1cb664f760d24085539fe6.png)

何か解決策は無いでしょうか？

Selenium Firefox でエクセルファイルのダウンロードでダウンロードマネージャウィンドウが表示される

###前提・実現したいこと
firefoxのアドオンをwebextensionsで作っています。browser.storage.local.set()で保存した複数のurlと比較して一致したタブにtabs.executeScript()でjsファイルを挿入したい。
script.jsのconsole.loｇ()のところにtabs.executeScript()を入れたい。

###発生している問題・エラーメッセージ

jsファイルが挿入されない

###該当のソースコード

**manifest.json**
```
    "content_scripts": [{
        "matches": ["<all_urls>"],
        "js": ["script.js"]
    }],
    "background": {
        "scripts": ["background.js"]
    },
     "permissions": [
       "storage",
       "activeTab",
     ]
```
**script.js**
```javascript
function urlcheck(item) {
  const urlkey2 = Object.values(item);
  for (const variable of urlkey2) {
    const href = window.location.href;
    if (variable === href) {
      var plus = 0;
      plus++;
    }
  }
  if (plus === 1) {
    console.log('yes');
  }
}

const gettingItem = browser.storage.local.get();
gettingItem.then(urlcheck);

```

###試したこと
[このサイトを参考にして作りました](https://groups.google.com/forum/#!topic/chrome-api-developers-jp/LxMOHwhIl98)

###補足情報(言語/FW/ツール等のバージョンなど)

WebExtensionで特定のページにjsファイルを挿入したい

Firefoxアドオンを作成して公開しています。
この度WebExtensionへの完全移行が迫っているので、現状のXULで作成したものから移行しようとしているのですが、詰まってしまっているので教えて頂きたく思います。

アドオンではサイドバーを使用しています。
ツールバーに追加するアイコンを押して、サイドバーを開閉して表示するのですが、WebExtensionsでそういった事は出来るのでしょうか？
browser.browserAction.onClicked.addListenerに、サイドバー開閉のスクリプトを記述すれば良いのではと思い、APIを確認してみたのですが、そもそもの開閉のスクリプトが見当たらないのです。

[Sidebar - Mozilla | MDN](https://developer.mozilla.org/en-US/Add-ons/WebExtensions/user_interface/Sidebars)にある一文に
> Note that it's not possible for extension to open sidebars programmatically: sidebars can only be opened by the user.（拡張機能がサイドバーをプログラムで開くことは不可能であることに注意してください。サイドバーはユーザだけが開くことができます。）

とあるので、メニューの「表示―サイドバー」から表示するしか出来ない仕様になっているのでしょうか？
大変恐縮ではありますが、回答をよろしくお願いいたします。

Firefox WebExtensionsのサイドバー開閉について

#実現したいこと
自分が管理していないwebページに対して、ローカルに置いた javascriptファイル(my.js)を、Firefoxの開発ツールのコンソールに直接実行したいです。

#直接実行しない理由
コードが長すぎて、コンソールにコピペでで張り付けると、読み込みに10秒ほどかかります。Firefoxがフリーズする時もあります。

#拡張機能を使って実行はしない
拡張機能「ShortcutKey2URL」を使うと、今回のような長いコードでも読み込み１秒未満で、すぐに実行することができます。
しかし以下の理由により、今回はこの拡張機能は使えません。

使えない理由：
実行したいコード内に、「新規タブにて同一ドメインのページを開き、ページ内のデータをスクレイピングする」処理があります。
Firefoxの場合、拡張機能を通して開かれた新規タブはすべてCross Origin扱いになってしまう可能性があり、新規タブのDOMにアクセスできません。

#その他
AB問題になっていると思っております。
そもそもこんな長いjavascriptを実行しないでもいい方法を考える方がいいとは思いますが、
ふと「ローカルのjavascriptファイルを開発ツールにコピペ以外で実行する方法はあるのか？」と思って質問させていただきました。

以上、よろしくお願いいたします。

4万行(122万文字)のjavascriptを、Firefoxの開発ツールのコンソールから実行させたい。ローカルの .jsファイルを直接読み取って実行する方法はありますか。

###前提・実現したいこと
youtubeを新しいウインドウで開くアドオンを作っています。ウインドウサイズを保存してその大きさのウインドウを開きたいんですがうまくできません。ウインドウは開けるんですがwidthとheightの値が変わらないので保存したサイズにならない。gettingWidthの中のwidthの値を変えてもbrowser.windows.createのwidthが変わらないので変えたいです。
###該当のソースコード
```javascript
function onGot(tabInfo) {
  const tabURL = tabInfo.url;
  const YouTubewatchURL = 'https://www.youtube.com/watch';
  if (tabInfo.url.match(YouTubewatchURL)) {
    browser.windows.onCreated.addListener(() => {
      newWindow(tabURL);
    });
    let width = 800;// 初期値
    let height = 450;// 初期値
    const gettingWidth = browser.storage.local.get('width');
    gettingWidth.then(item => {
      if (item.width) {
        width = item.width;
      }
      return width;
    });
    const gettingHeight = browser.storage.local.get('height');
    gettingHeight.then(item => {
      if (item.height) {
        height = item.height;
      }
      return height;
    });
    const popupURL = browser.extension.getURL('popup/popup.html');
    const creating = browser.windows.create({
      url: popupURL,
      type: 'panel',
      width: width,// ここの数値を変えたい
      height: height,// ここの数値を変えたい
    });
    creating.then();
  }
}
```

###試したこと
thenやreturnのことを調べたけどさっぱりわからない。