window.location.hrefの実行順を制御したい

Question

https://github.com/brookhong/Surfingkeys という、任意のキーストロークでjavascriptを実行できるchrome拡張機能を利用しており、そのカスタマイズで**「現在開いているタブの中で先頭のタブに移動し、その先頭のタブでさらに任意のURLに遷移する」**というjavascriptを書きたいです（todoリストアプリを先頭のタブに常時固定しているのでそこの特定ページにアクセスしたい）。

mapkey('sh' "open scrapbox #todo page", function() {
    Normal.feedkeys('99E');
    window.location.href = 'https://scrapbox.io/myuserid/todo';
});

現在のコードはこれで、

• mapkey により sh のキーストロークで中身の関数が実行されます
• Normal.feedkeys('99E');
• EはこのChrome拡張の他の部分で割り当てられている、「一つ左のタブに移動する」キーストロークです
• それを99回繰り返して必ず先頭のタブに移動するようにしています
• window.location.href でURLを遷移します

というつもりで書きました。

困っていること

「先頭のタブに移動→先頭のタブのURLが変わる」 となって欲しいのですが、上のコードだと
「移動前のタブのURLが変わる→先頭のタブに移動」してしまいます。

window.location.href の方に setTimeout 3000 を設定してみたら、
「先頭のタブに移動→3秒後に移動前のタブのURLが変わる」となってしまいました。

希望の動作にするにはコードをどのように変えたらいいでしょうか。
また、原因はなんでしょうか。

お願い

初心者なもので原因がよくわからずこのようなタイトルにしましたが、もしタイトル変えた方がいいとかありましたら教えていただけると助かります。

Answer 1

当該Extensionにおいて，feedkeysはsetTimeout()によって非同期に実行されているようなので，コマンドの実行を待ってアクションを行いたい場合，質問本文にもあるようにそちらでもsetTimeoutを使って充分な時間(500msとか)待ってから操作を行う必要がありそうです．

ただし，当該のExtensionをみたところ，そのコードはContent scriptsとしてWebページ内で実行されるようです．つまり，タブの切替を待ったところでwindowは元のタブを指したままとなり，意図するタブではなく元のタブでそのURLを開くことになってしまいそうです．
Extensionを書くのであればバックグラウンドスクリプトで実装可能でしょうが，当該Extension単体で果たして可能でしょうか……無理な気がします．
(参考:タブの切替はバックグラウンドスクリプトにメッセージを非同期に送信することでおこなわれているはずです)

Comments

[退会済みユーザー]

ありがとうございます！ setTimeout だとタブの移動は待つものの、やはりおっしゃる通りの動きになってしまいます。 Content Scrip[t で実行されているのが原因なのですね。もう少し調べるなどしてみて、必要があれば今度はextensionの方で質問のissueを立ててみたいと思います。ありがとうございました。