[chrome-extension] タグが付いた質問
40
質問
0
票
1
回答
21
閲覧数
Chrome拡張機能ポップアップ内でappendChildする方法
ffmpeg.wasmを使用したChrome拡張機能を作成しています.
拡張機能のアイコンクリック時に表示されるポップアップ内で以下のコードを動かした場合にエラーが発生します.
コード
import { createFFmpeg } from '@ffmpeg/ffmpeg';
const ffmpeg = createFFmpeg({ log: true });
/**
*
* @...
0
票
1
回答
92
閲覧数
[chrome.webRequest.onBeforeRequest.addListener]を使用してブラウザ上のすべての通信を取得したい
表題の通り,ブラウザ上のすべての通信を取得しコンソールに出力しようとしています.
以下のような拡張機能を記述し,Chromeにインストールしたのですが,適当なページにアクセスしてもコンソールには何も表示されません.
manifest.json
{
"name": "Getting Started Example",
"...
-1
票
0
回答
92
閲覧数
カレントウインドウのアクティブなタブURLの「status/」以降を取得したい
先日、下記質問をしたのですが、カレントウインドウのアクティブなタブに対して、URLの「status/」以降を取得するにはどうすればよいですか?
JavaScriptで、URLの「status/」以降を取得したい
new URLで取得するかと思っていたのですが、tabs.query()を使用するようで、戻り値がよく分かりません(console.logしても値が表示されない)。
...
0
票
0
回答
59
閲覧数
現在開いているブラウザタブを、色々な条件で並び替えることができるChrome拡張を探しているのですが
最終的にやりたいこと
・Chromeブラウザでaツイートを開く
・新しいタブでbツイートを開く
・この時、各ツイートの投稿日時昇順でタブを並べ替えるChrome拡張を作りたい
これまでに試したこと
検索してみたら、TabJugglerが見つかったので、下記コード部分を、取得した投稿日時のDOMでソートするよう変更しようと思ったのですが、古いためかコードが見つかりません。
現在開いているタブを、...
0
票
0
回答
20
閲覧数
Chrome拡張管理画面で「エラー」ボタンを押すと何も表示されなくなる
表題のとおりです。「エラー」ボタンを押すと全拡張が表示されなくなります。
時間が経って再度試すと正常に表示されることもありますが、その後また試すと同じ現象が起きます。
原因などわかるでしょうか?
0
票
0
回答
34
閲覧数
パッケージ化したChrome拡張機能を、配布せず自身のChromeで読み込んで使用することはできますか?
パッケージ化したChrome拡張機能を、配布せず自身のChromeで読み込んで使用することはできますか?
※パッケージ化したChrome拡張機能を使用したい理由は、パッケージ化していないChrome拡張機能を読み込んで使用していると、いつの間にか正常動作しなくなることがあるためです。
0
票
1
回答
41
閲覧数
特定のサイトに複数のコンテントファイルを反映させたいが、片方しか反映されない。
"manifest_version": 3,
"content_scripts": [
{
"matches": [
"https://www.test.com/*"
],
"js"...
0
票
0
回答
112
閲覧数
Chrome拡張で、固定された保存先フォルダではなく、前回保存したフォルダへ(mhtml)ファイルを保存するよう保存先設定を変更したい
現在のChrome拡張
常に固定されたフォルダ(C:\Users\user\Downloads)へ保存されます。
manifest.json
{
"manifest_version": 2,
background.js
function download(filename, blob) {
chrome.downloads.download({
...
0
票
0
回答
57
閲覧数
chrome devtool を開かずにブラウジング中の ajax レスポンスをキャプチャしたい
chrome 拡張機能でウェブブラウジング中の通信をキャプチャしたいです
以前同様の質問をして試行錯誤の結果
chrome ディベロッパツールのカスタマイズ方法
こちらの devtool 上の JS の中で
chrome.devtools.network.onRequestFinished.addListener((req) => {
:
}
...
0
票
0
回答
34
閲覧数
devtools の中 の JS をデバッグしたい
初歩的な質問ですみません
chrome extension 内の devtool_page から読み込んだ JS はどうやってデバッグすればいいんでしょうか
後述のような3つのファイルの入ったフォルダを chrome extension にドラッグしたところ、拡張機能としては登録されました
devtools.js で console.log を記述してるんですが、
...
1
票
2
回答
293
閲覧数
CORS policy とは何ですか?
chrome extension 内で取得した文字列をローカルのファイルに書き込みがしたいです
javascript のセキュリティ的に直接書き込む方法がなさそうなので
ローカルにリクエスト内容をファイルに書き込みするだけでのウェブサーバーを立てて
そこへ POST するようなコードを chrome extension 内で書いたんですが
has been blocked by CORS ...
1
票
1
回答
1,021
閲覧数
chrome extension 内からローカルファイルに書き込むことってできませんか?
通常の javascript だったらサイトにアクセスするだけでローカルファイルが書き換えられるのはセキュリティ的にNGだと思うんですが、拡張機能で意図的にインストールしたものであればできてもよさそうだと思うんですが可能でしょうか?
やりたいことは chrome 拡張機能で特定のサイトのレスポンスをひたすら保存し続けることで、レスポンス内容は拡張機能内の javascript ...
0
票
1
回答
181
閲覧数
chrome devtools に追加した日本語のパネル名が文字化けする
Chromeデベロッパーツールに独自機能を追加する6つのステップ
上記サイトを参考にステップ2でパネルを追加したところで
パネル名を日本語に変更すると文字化けしてしまいます
ソースコードは utf-8 なんですが文字コードは何にすればいいんでしょうか
ソースコード:
chrome.devtools.panels.create(
"テスト",
"", /...
0
票
1
回答
76
閲覧数
拡張アプリ(Enterprise版のChromeBook)のデバッグ方法
拡張アプリの開発中です。
ChromeBook上のChromeブラウザのデベロッパーツールでデバッグを実施したいのですが、デベロッパーツールが開きません。
通常の拡張アプリと違う点は以下の通りです。
・ChromeBookがEnterprise版として、GoogleWorkSpaceで管理されています。
・GoogleWorkSpaceに拡張アプリを登録して、...
1
票
1
回答
78
閲覧数
Chrome拡張機能を公開するにあたって概要の説明欄で同じテキストが2つ表示される
拡張機能を公開したいのですが、概要の説明欄が変な挙動を起こします。
画像のように同じテキストが2つ表示されます。(テキストはGoole Keepから拝借しました)
これを回避するにはどうすればいいですか?
0
票
1
回答
103
閲覧数
ページが変わっても"content_scripts"が反応しない
YouTube 向けの拡張機能の作成をしており、manifestには以下のように記述しました。
"content_scripts":[
{
"matches":[
"https://www.youtube.com/*"
],
"js":[
...
0
票
1
回答
215
閲覧数
Chrome extensionのoptions.htmlで日本語が文字化けする
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>や<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">なども試してみましたがダメでした。
...
0
票
2
回答
157
閲覧数
Chrome拡張のoptions.jsが発火しない
公式ドキュメントに従って以下のようなコードを書いたのですが、白紙のページが表示されます。
alert('a')//testも動かないのでDOMContentLoadedイベント自体起きてないようです。なお、options.htmlとoptions.jsは同じフォルダに置いてます。
また、これに限らずoptions.jsをデバッグする方法はあるでしょうか?
<!DOCTYPE html>
...
1
票
1
回答
381
閲覧数
HTMLでGridView部品のような表示・動作がしたい
FirefoxアドオンをChrome拡張に移植中なんですが、Visual StudioなどにあるGUI、GridViewのような表示をしたくて悩んでます。具体的にどんなものかと言うと以下の画像のようなものです。
selectタグだと複数列ができません。
条件としては、
複数列表示ができる
行単位での選択・検知ができる
を満たすようなものです。
0
票
1
回答
174
閲覧数
Chrome extensionのアイコンがデフォルトではツールバーに表示されない
manifest.jsonにはbrowser_actionを記載しています。
"browser_action": {
"default_title": "Check Periodically",
"default_popup": "popup.html",
...
0
票
1
回答
63
閲覧数
javascriptのMapでget()やset()を使わずプロパティの形で使っても問題ないか
現在Chromeのextensionを作っているのですが、データを保存するのにMapを使おうと思っています。
そこでMapのドキュメントなどを読んでみたのですがget()やset()を使う方法ばかりで、detail.intervalのようなプロパティの形で使っている例はありませんでした。しかし実際にコンソールなどで
detail = new Map()
detail.interval = 7
...
0
票
1
回答
474
閲覧数
chrome 拡張で音声を再生したい
manifest.json
{
"name": "test",
"version": "1.0",
"manifest_version": 2,
"description": "test",
"content_scripts": [
{
"matches": [ "https://*/*" ],
"js": ["test.js"],
...
0
票
2
回答
145
閲覧数
まとめ方がわからないです
これらのコードをひとつにまとめたものを作りたいですが、どういう風にすればよいかわかりません。
Chrome拡張機能で実装を考えているメモ機能のコードなのですが、
いつもエラーの処理がわからなくなって様々な質問サイトで質問するので、答えてもらいやすくするためにひとつにまとめたいです。
=================================
manifest.json
{
"...
0
票
1
回答
104
閲覧数
firefox拡張機能でファイルをダウンロードしたらブラウザの履歴を残さない設定に反して履歴に残る
動画共有にサイトを使っていて動画をボタン一つでダウンロードできるように拡張機能を作りました
動画のページの情報を整理して動画の名前にしてchrome.downloads.downloadでダウンロードするようにしています
chrome.downloads.download({
url : src,
filename: name,
...
0
票
0
回答
49
閲覧数
ユーザが閲覧中ページに、ユーザのプライベートな情報を埋め込むことはできますか?
ChromeExtensionのContentScriptを用いて、ある情報を閲覧中ページのHTMLに書きこんだ時、サーバ管理者はこれを見ることが可能という認識です。もし、サーバ管理者にも見られたくないプライベートな情報があって、これを含み得るUI要素をページ上に表示させたいと思った時、良い方法はありますか?
現状やむなくpopup内部に表示させていますが、...
1
票
1
回答
65
閲覧数
Chrome拡張の公式サンプルでのjavascriptに関する不明点の質問
Chrome拡張で公式のサンプルを見たところ不明点がありました。
自分では気がつけてないメリットがあるかもしれないので解説をお願いしたく質問します。
質問
後述のコードでchrome.bookmarks.getTreeをvar bookmarkTreeNodesでうけている理由はなんでしょうか?
別にchrome.bookmarks.getTreeのコールバックでfunction(...
5
票
1
回答
329
閲覧数
ChromiumベースのEdgeの拡張機能で実行ブラウザを判別する方法
先日ChromiumベースのMicrosoft Edgeの開発版がリリースされました。
このEdgeはChromeのWebストアから拡張機能をインストールすることが可能です。
そこで自作の拡張機能をEdgeにインストールしてみたのですが、
ブラウザ固有のページにリダイレクトする処理がうまく動きません。
ブラウザ固有のページとはchrome://newtabといったページです。
...
0
票
1
回答
1,098
閲覧数
Chrome拡張のcontent_security_policyの設定について
WEBサイト内にiframeを表示するChrome拡張を開発しているのですが、
Twitterのページでcontent_security_policyに関するエラーが出てiframeを表示出来なくて困っています。
(Twitter以外のページではiframeを表示出来ています。)
manufest.jsonのcontent_security_policyを適宜設定すれば良いと思うのですが、
...
4
票
1
回答
2,082
閲覧数
Chromeの拡張機能開発でJavaScriptの「location.href」が正しく動作しない
プログラミング初心者です。
現在、Chromeの拡張機能開発を行っています。
Chromeの拡張機能をクリックするだけで、閲覧中のWEBサイトのURLを取得し、別タブでWEBサイトの表示速度が測定できる「Google PageSpeed Insights」に取得したURLが自動的に反映されるプログラムを制作しています。
完成イメージとしては、閲覧中のサイト(stackoverflow)...
1
票
2
回答
102
閲覧数
Chrome拡張機能開発(Extension)でonRequestFinished使用時にtargetDate.getTime is not a function
Chrome拡張機能開発(Extension)にて、
chrome.devtools.network.onRequestFinished.addListener でHTTPリクエストを監視する際に、
一部のページでエラーが発生します。
chrome.devtools.network.onRequestFinished.addListener((data) => {
})
上記のように ...
0
票
1
回答
119
閲覧数
Chromium にAutoscriptrunner を導入したい
任意のサイトで任意のJavaScriptを自動実行させるChrome拡張 で
以下のようなものがあります。
http://qiita.com/nakajmg/items/bcbf0e5debcfa70c8d63
これをChromium で使用したいのですが、インストールはできたものの
動作しません。※アイコンをクリックしても動きません
Chromium にextensionを追加する方法 ...
3
票
1
回答
115
閲覧数
Chromeエクステンションで動画をストックする機能を作りたい
JavaScriptでChromeエクステンションを開発しています。
Chromeエクステンションを開発するのは初めてで、先ほどドットインストールで全20回分を学習しました。サンプルもいくつか作り、だいたいの仕組みは分かっています。また、JavaScriptも初心者で、同じくドットインストールで学習した程度です。
動画版はてなブックマークのようなエクステンションを作ろうとしていて、...
0
票
1
回答
2,808
閲覧数
chrome.tabs.sendMessageの返り値がundefinedになる
chromeで以下の処理を行うアドオンを作成しようとしています。
popup.htmlにあるテキストエリアに文字列を入力(改行区切りで複数入力可)し、送信ボタンを押下
popup.jsでボタン押下をキャッチし、フォームに入力された値を配列にしてcontent.jsに渡す
content.jsでアクティブタブ内にあるテーブルの3列目を検索し、入力された文字列を一致するものを探す
検索終了後、...
0
票
1
回答
569
閲覧数
ブラウザでマイク以外の音を録音できるか
現在、ブラウザ(主にchrome)でマイク以外の音を録音する方法を探しております。
getUserMediaを用いることでマイクからの録音には成功しているのですが、
ブラウザを介さず出力されている音声(システム音やゲーム音等)も録音したいと思っております。
解決法としては、
・クライアントに録音用アプリケーションを入れておく
・仮想デバイスを入れてコントロールする
...
0
票
3
回答
938
閲覧数
JavaScriptでページ遷移をしないリクエスト
現在,Webページ上で,密かに情報を送るようなスクリプトコードを検知するChrome拡張機能を作っています.
ひいては,JavaScriptでページ遷移をしないリクエストで情報をサーバーに送信する方法は,どのようなものがありますか?
現状考えつくのは,
1.XHRリクエストを使う
2.以下のように,画像ダウンロードリクエストに忍ばせる
という方法です.
var img = new Image()...
2
票
1
回答
2,056
閲覧数
Chrome extensionでbackground.jsからpopup.jsの関数を呼びたい。
タイトルのようなことをするために下記コードを作成しました。しかし、関数も発火せずエラーも出ません。どうすればbackground.jsからpopup.jsにデータを送ることができますでしょうか。
background.js
chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) {
...
1
票
0
回答
1,137
閲覧数
JavaScriptでコールバック関数が正しく呼ばれない
Chrome extensionでpopuup.jsからbackground.jsにsendMessage()関数を呼び出して、更にbackground.jsにてcontent scriptからDOMの要素を取得して、その値を使ってAjaxを行ったあとに、popup.jsのコールバック関数を呼びましたが、Ajaxでデータを取ってくるところまではできますが、その後にpopup....
0
票
2
回答
857
閲覧数
chrome拡張機能で画面分割したい
やりたい事としては、メインで普通にブラウジングしつつ、サブの画面ではあらかじめ用意したhtmlを読み込んでメニューとして使いたいと考えています。
popupにするとメインの画面を操作すると消えてしまうので使い勝手が悪くなってしまいます。
1
票
1
回答
943
閲覧数
Chrome ExtencionでAjaxを行い、HTMLを表示したい
chrome extensionでitune RSSをパースしてHTMLに表示したくて以下のコードを書いたのですが、結果が反映されませんでした。 どこを変更すれば表示できるようになりますか? 教えて下さい。よろしくおねがいします。
<!--popup.js-->
chrome.browserAction.onClicked.addListener(function(){
...
2
票
0
回答
474
閲覧数
chrome拡張機能で共有フォルダのファイルの読み書き
chrome拡張機能を作っているのですが、共有フォルダに設置されたファイルをバックグラウンドで操作したいのですが、そう言った機能は実装できるのでしょうか?