Google Chrome 拡張機能 29 ※どんぐり有

!extend:checked:vvvvv:1000:512:donguri=8/1
!extend:checked:vvvvv:1000:512:donguri=8/1
⚠このスレに書き込むにはどんぐりレベル8以上が必要です

Google Chrome及びChromium系ブラウザの拡張機能について語るスレです

■ Chrome ウェブストア - 拡張機能
https://chromewebstore.google.com/

Google Chrome 拡張機能 28
https://egg.5ch.net/test/read.cgi/software/1710371640/

---

VIPQ2_EXTDAT: checked:vvvvv:1000:512:donguri=8/1: EXT was configured

Custom Progress Bar for YouTubeでシークバーの色やサイズを変更したのですが、
シークバーのツマミ（下記画像の黄色い丸で囲んだ部分）が元々のYouTube標準の赤丸のツマミと、
Custom Progress Bar for YouTubeで作成したツマミの両方が重なって表示されてしまいます
YouTube標準の赤丸のツマミだけ表示しないようにするにはどうすればいいか分かる方がいましたら教えてください
よろしくお願いします

https://i.imgur.com/5G3IY4l.jpeg

>>640
試してみた　constructorからカスタマイズして適用したら
赤丸のツマミが左側に表示された
だけど公式のやつをaddして、あと拡張機能を固定表示して、
view listにして適用したり、view as gridにして適用したりしてたら
いつのまにか赤丸のツマミが表示されなくなった

>>641
あー　だめだ
リロードすると赤丸表示されるわ
自分でのカスタマイズは諦めて、公式が作ったやつ適応するしかなさそう

>>642
わかった！俺を天才と呼んでくれ！
１．constructorからカスタマイズする（savs asで仮に名前をaaaaaとする）
２．chrome-extension://nbkomboflhdlliegkaiepilnfmophgfg/settings.html　にアクセスする
３．上部のExportをクリック
４．Collections(My created progress barsのみにチェック)、Current Style, Settingsにチェックをいれる
５．Exportをクリック
６．jsonファイルを保存する
７．jsonファイルの中にcurrentという項目があり、そのなかにstyleという項目があるので以下文字列を突っ込む
.ytp-scrubber-button.ytp-swatch-background-color {background-color: transparent !important; background-image: none !important;} .ytp-scrubber-button::before,.ytp-scrubber-button::after { background: transparent !important; background-color: transparent !important; box-shadow: none !important; }
８．ファイルを保存する
９．settings（上記URL）のページで上書きしたjsonファイルをimportする
１０．aaaaaを適用する

個人情報泥棒・最悪のスパイ企業・広告屋・シリコンバレーの電通Google検索の認証！早よ潰れろ！早よ死ね死ね死ね！皆殺しに遭え！
個人情報泥棒・最悪のスパイ企業・広告屋・シリコンバレーの電通Google検索の認証！早よ潰れろ！早よ死ね死ね死ね！皆殺しに遭え！
個人情報泥棒・最悪のスパイ企業・広告屋・シリコンバレーの電通Google検索の認証！早よ潰れろ！早よ死ね死ね死ね！皆殺しに遭え！
個人情報泥棒・最悪のスパイ企業・広告屋・シリコンバレーの電通Google検索の認証！早よ潰れろ！早よ死ね死ね死ね！皆殺しに遭え！
個人情報泥棒・最悪のスパイ企業・広告屋・シリコンバレーの電通Google検索の認証！早よ潰れろ！早よ死ね死ね死ね！皆殺しに遭え！
個人情報泥棒・最悪のスパイ企業・広告屋・シリコンバレーの電通Google検索の認証！早よ潰れろ！早よ死ね死ね死ね！皆殺しに遭え！
個人情報泥棒・最悪のスパイ企業・広告屋・シリコンバレーの電通Google検索の認証！早よ潰れろ！早よ死ね死ね死ね！皆殺しに遭え！

>>641-643
見事に直りました！天才！神様どうもありがとう！
CSS？の知識は皆無なのでこんな方法があるとは思いもせず、
標準の赤丸を消す設定を見逃してないかばかり探してギブアップしてたのでガチ神でした
ダブってるのが地味に、でもかなり気になってたので助かりました
わざわざ弄って解決して頂いて本当にありがとうございました！

>>643
すごい、今日の親切賞

実は同じ様な方法で某速度なダイヤルも……
まあそんなことせんでもLed-Lit Districtは最初からフルカスタムできますけども。

>>639
あれ、このチェック入れててもダメでした？
https://i.imgur.com/aX7s2qx.jpeg

・Led-Lit District、アップデート(0.4.9)でシークレットグループ追加しました。
画面内どこかをクリックすると1プロファイルにつき1つしかないグループ画面に遷移します。
https://i.imgur.com/ODp5i9G.jpeg
シークレットに登録したカードは通常の検索にはひっかからず、
シークレット内での検索はその画面内のみの検索になります。
イン/エクスポートは可能です。

あと、ユーザー設定を記憶しておけるようにしました。

閲覧履歴データの削除ってどうやるの
特定のデータだけ消す方法が改変されてやれなくなってる

>>650
ん？Led-Lit Districtの話か？

クロームからスレ立てようとすると

このスレにはもう書けませんと出て立てれないんだけどなぜ？

>>651
それは自己解決しました

>>648
まだ開発途上のブラウザだからなのかダメでした

>>654
残念です…(´・ω・`)
たぶん新規タブ乗っ取るタイプなら行けるんでしょうけど、
そうすると良し悪しあるんで…

>>652
専ブラ使えば？ｗ 5chはおじ🤓しかいないらしいけどなｗ

ダークモードとライトモードで拡張機能のアイコンを切り替えようと思ってAIに相談したら、色々頑張って試してみてくれたけど結局無理みたいだった
まあ理由もわからなくはないけど公式のアイコンではやってるのがずるく感じる

>>657
prefers-color-schemeみてchrome.browserAction.setIconで指定するだけだぞ

OS自体のライトモードとダークモードの切り替えならそのノリで対応できると思う
Chromeのテーマの切り替えだとループ回して何秒に一回監視とかいうアホなことやらないと追従しない
もちろんツールバー背景だけカスタムで暗い色とかだと全く無理
結局、どっちでも見えるアイコン用意しろ、になっちゃう
Firefoxだとmanifestに書いてるだけで切り替え出来るらしいけどね

断定口調で書いたけど素人なので、突破できる方法もあるかも

>>660
「あまり強い言葉を使うなよ」ですな～ｗ
断定よりかもしれない構文を使おうｗ

頭が悪いのかもしれない

>>657
これ ？？

できるけどChromeがmanifestだけで自動的にライト/ダーク用アイコンを
切り替えてくれる仕組みは弱い/基本ない、と見た方がいい。
実装としては、JSでテーマを判定して chrome.action.setIcon() でツールバーアイコンを差し替える 形になる。

Chrome公式では、拡張機能のツールバーアイコンは action.default_icon で指定でき、
さらに chrome.action.setIcon() でプログラムから変更できると説明されている。
また、prefers-color-scheme はユーザーがライト/ダーク配色を要求しているかを検出するための仕組みで、
OS設定やユーザーエージェント設定を反映する。

その2

例えばこういう感じ。
-----------------------
// popup.js や options.js など、window がある拡張ページ側で動かす
const mq = window.matchMedia("(prefers-color-scheme: dark)");

function applyIcon() {
const dark = mq.matches;

chrome.action.setIcon({
path: {
"16": dark ? "icons/icon-dark-16.png" : "icons/icon-light-16.png",
"32": dark ? "icons/icon-dark-32.png" : "icons/icon-light-32.png",
"48": dark ? "icons/icon-dark-48.png" : "icons/icon-light-48.png",
"128": dark ? "icons/icon-dark-128.png" : "icons/icon-light-128.png"
}
});
}

applyIcon();
mq.addEventListener("change", applyIcon);
-----------------------

その3

manifest.json 側は、初期アイコンを普通に置いておく。
-----------------------
{
"manifest_version": 3,
"name": "Example",
"version": "1.0.0",
"action": {
"default_icon": {
"16": "icons/icon-light-16.png",
"32": "icons/icon-light-32.png",
"48": "icons/icon-light-48.png",
"128": "icons/icon-light-128.png"
}
}
}
-----------------------

その4

注意点は、MV3のbackground service workerでは window.matchMedia() が使えないこと。
matchMedia() はWindowのAPIなので、popup/options/通常の拡張ページなど
windowがある場所で判定するのが素直。

なので結論としては、
可能。ただし「manifestで完全自動」ではなく、prefers-color-scheme を見てchrome.action.setIcon()で差し替える。
なお、これはOS/Chromeのライト・ダーク設定に寄せる方法で、ユーザーが独自のChromeテーマを入れて
ツールバー背景色だけ変えている場合まで完全には判定できない。
Chrome自体はライト/ダーク/デバイス設定に追従する表示モードを持っている。

AIに聞いたのかな？
この中にもだめな理由がちらっと書かれてるけど、実際にやってみたら何がだめなのかわかるよ

拡張機能を起動させるためのボタンのアイコンだから、拡張機能を起動させてない状態でスクリプトが働かないといけないんだよね

>>667
>>拡張機能を起動させてない状態
あーー
>>manifestだけで
の部分ですか、なるほど…失礼しました。