JavaScriptで video タグの動画のサムネイル画像を取得する方法

Google Chromeの拡張機能を制作する過程で、HTMLの video タグで再生される動画のサムネイル用の画像を取得する方法について備忘録的に投稿しておきます。

続きを読む JavaScriptで video タグの動画のサムネイル画像を取得する方法

Chrome 拡張機能で background.js からのログ出力をIIS(ASP.NET)で受け取る方法

Google Chromeの拡張機能で、background.js などのServiceWorkerのスクリプトからログ出力を、IIS(ASP.NET)で受け取る方法について備忘録的に投稿しておきます。

続きを読む Chrome 拡張機能で background.js からのログ出力をIIS(ASP.NET)で受け取る方法

Chrome 拡張機能で”sidepanel.close”の実行時に”No matching signature.”エラーになる場合の対処法

Google Chromeの拡張機能で、スクリプトからサイドパネルを閉じるために “sidepanel.close” を実行時する際に “No matching signature.” エラーになる場合がありました。JavaScriptからサイドパネルを閉じる方法について備忘録的に投稿しておきます。

続きを読む Chrome 拡張機能で”sidepanel.close”の実行時に”No matching signature.”エラーになる場合の対処法

Chrome 拡張機能でユーザーが開いたタブを取得したい場合

Google Chromeの拡張機能で、新しいタブが作成されたイベントで、ユーザーが開いたタブの有無を判定する方法について備忘録的に投稿しておきます。

続きを読む Chrome 拡張機能でユーザーが開いたタブを取得したい場合

Chrome 拡張機能で”executeScript”で実行した “content.js” がDevToolsに表示されない原因

Google Chromeの拡張機能で “executeScript” で指定したファイルの”debugger” などが機能しないことや、開発者ツールに表示されない場合の対処法について備忘録的に投稿しておきます。

続きを読む Chrome 拡張機能で”executeScript”で実行した “content.js” がDevToolsに表示されない原因

Chrome 拡張機能で”console.error”を使わない理由 

Google Chromeの拡張機能でエラー時の内容をコンソールに出力するケースは多々あります。その際に、console.error を使うデメリットについて備忘録的に投稿しておきます。

続きを読む Chrome 拡張機能で”console.error”を使わない理由 

Chrome 拡張機能で注入したスクリプトに変数を追加する方法 

Google Chromeの拡張機能でタブ内のコンテンツに注入するスクリプトに変数を追加する方法について備忘録的に投稿しておきます。

続きを読む Chrome 拡張機能で注入したスクリプトに変数を追加する方法 

Chrome 拡張機能でonMessageイベント内でアクティブなタブを取得する方法 

Google Chromeの拡張機能などを制作していると多用する[onMessage]イベントですが、ServiceWorker内のスクリプトからアクティブなタブを取得する際に、少しハマったので取得する手順について備忘録的に投稿しておきます。

続きを読む Chrome 拡張機能でonMessageイベント内でアクティブなタブを取得する方法 

Chrome 拡張機能でコンソールの[Object]の内容を表示する方法 

Google Chromeの拡張機能などを制作していると多用する[console]画面ですが、基本文字しか表示できないので、オブジェクトから取得できる値をすべて確認したい場合の手順について備忘録的に投稿しておきます。

続きを読む Chrome 拡張機能でコンソールの[Object]の内容を表示する方法 

Chrome 拡張機能でURLから動画のサイズを取得する方法 

Google Chromeの拡張機能で取得した動画ファイルのURLからJavaScriptでファイルサイズを取得したい場合の手順について備忘録的に投稿しておきます。

続きを読む Chrome 拡張機能でURLから動画のサイズを取得する方法