uBlock Origin フィルター覚書（書き方・サンプル）

uBlock Origin のフィルターに関する覚書です。 はじめに uBlock Origin (以降uBO) は、「広告ブロッカー」として導入している方がほとんどだと思います。ですが uBO は、広域スペクトルブロッカーです。これは、単なる「広告ブロッカー」としても動作するこ...

ブラウザ拡張機能のソースコードを確認する

他人の作成した拡張機能のソースコードを確認する必要がある場合の方法を記載します。 インストール済みの拡張機能を確認する Chrome Windows10 %LOCALAPPDATA%\Google\Chrome\User Data\{プロファイル名}\Extensions\{拡張...

すべてのページで標準のスクロールバーを表示する

はじめに 様々なウェブページがあります。この頃、モバイル対応やレスポンシブ対応の結果、デスクトップ環境のサイトでもスクロールバーを非表示にするサイトが出始めました。 モバイル環境であれば、スクロールバーを非表示にして表示領域を確保するのは良い方法です。ですが、デスクトップ環境では...

Firefox拡張機能でコンテンツスクリプトの注入に失敗する

現象 特定のウェブサイトでコンテンツスクリプトに設定したスクリプトが動作していない。 ウェブ全体を対象にしたFirefox用の拡張機能で manifest.json で content_scripts.matches=<all_urls> などを指定したにも関わらず特...

拡張機能SearchPreviewのプレビュー画像を更新する

SearchPreviewは、Google, Yahoo, Bing, DuckDuckGoなどの検索サイトの検索結果にサイトのプレビュー画像を表示するChrome/Edge/Firefox拡張機能です。 サイト運営していて、自身のサイトのプレビュー画像を確認した時、古かったり、...

Firefoxアドオンの統計ダッシュボードが新しくなった

2020年6月頃にFirefoxアドオンの統計ダッシュボードが変更されました。ユーザー数がいきなり減少してビックリした開発者もいるのではないでしょうか？公式ブログに英語で詳細な記載があったため、情報を抜粋して記載します。詳しく知りたい場合は、参考リンクから確認してください。 統計...

Windows10でウェブページの汚いフォントを置換える

はじめに Windowsのフォント事情は、バージョンが上がるたびに改善されてきています。最近では、「Meiryo」「游ゴシック」「BIZ UDデジタル教科書体」「BIZ UDゴシック」など綺麗なフォントが標準でインストールされています。ですがウェブページでの表示は、ページ側の指定...

ページタイトルとURLをコピーするChrome/Firefox拡張機能

ブラウザでウェブページを閲覧していて、SNSへの投稿やブログ記事作成などでページタイトルとURLをコピーしたい場合に、使用できるChrome/Firefoxの拡張機能です。 導入 次のウェブストアからインストールする。 CopyTabTitleUrl - Chrome ウェブスト...

Firefoxで突然、ほぼすべてのアドオンが使えなくなった

今回の事件の概要を後学のためにまとめてみます。まあ、流石に同じことは起こらないと思いますが、対処法など情報は有用です。（聞きかじりを含むので、間違っている情報が含まれるかもしれません） はじめに 先日（2019年5月4日）、日本時間の午前9時頃から突然Firefoxの...

Android Firefox 拡張機能をデバッグする

Android Firefox拡張機能デバッグの忘却録です。 モバイルで拡張機能をインストールする 開発用Firefoxをインストールする Firefox Beta Firefox Nightly 未署名の拡張機能をインストール可能にする URLバーに about:config ...

Firefox Quantum おすすめの拡張機能

Firefox関連の記事のまとめを兼ねたおすすめの拡張機能一覧です。 拡張機能でないのも一部混じってます。 使ってる拡張機能 NoScript Security Suite – Firefox ブラウジングのお供です。js無効で表示の怪しいサイトが増えてますが… ...

Chrome・Firefoxの拡張機能にショートカットを実装

CopyTabTitleUrlにショートカット機能を実装したので、そのまとめ記事です。 ショートカット設定時の留意点 ショートカットを設定した場合、以下の問題点がある。 既に使用中のショートカットと被ってしまう ユーザ毎に動作環境がことなり、事前に被るショートカットを予測しきれな...

Chromeの拡張機能でショートカットを変更・解除する

拡張機能のショートカット変更画面 Chromeでは、拡張機能のショートカットを編集する機能が標準で実装されています。ショートカットを自分の環境に最適化できます。 ショートカット変更画面 下記URLをアドレスバーに入力することで表示できます。 chrome...

英語のWebページを翻訳して表示する

やりたいこと 英語のウェブページを翻訳して表示する。 技術系などの特殊な情報にアクセスしようとすると英語のウェブページを利用することが増えます。簡易にページを翻訳できると便利です。 Chromeで翻訳する ページ全体をその場で翻訳する Chrome標準機能 コンテキストメニュー ...

Chrome拡張機能のコンテキストメニューではまったこと

CopyTabTitleUrl がバグってたのでその結果です。 問題現象 今回バグってた内容以下の通りです。 コンテキストメニューを選択してもアクションが動かない タイトルやURLのコピーを実行しない 調査結果 Chrome拡張機能が起動できておらず、...

選択文字列を読み上げる拡張機能を作ってみた

作ってみた。 拡張機能 SendBouyomiChan – Firefox 向けアドオン SendBouyomiChan - Chrome Web Store 機能 Webページ選択中文字列をコンテキストメニューからローカルに実行中の棒読みちゃんに転送する。以上です...

GitHubを使ってみる：CopyTabTitleUrl

GitHubでオープンソースでプロジェクトを公開してみた。 なぜオープンソースでプロジェクトを公開したのか GitHub（オープンソース？）に興味があったため だが、公開するコードがそもそもなかったから手が出せなかった CopyTabTitleUrlは、Firefo...

Chrome・Firefox拡張機能のブラウザアクションでポップアップあり・なしを共存する

やりたいこと ブラウザアクションでポップアップを表示する ブラウザアクションで単純クリックでアクションを実行する 上記の２つをオプションで切替可能にする 実施例 CopyTabTitleUrl – Firefox 向けアドオン CopyTabTitleUrl - Chrome W...

Chrome、Firefoxの拡張機能を判定する

Chrome、Firefoxの拡張機能は、WebExtensionsで共通化しました。ですが、細かい部分が異なるため、コードを共通化する必要があります。拡張機能でブラウザを判定する方法のまとめです。 JavaScript ブラウザ判定 // ブラウザ判定 function isF...

Firefox用WebExtensions拡張機能を国際化する

下記の記事で作成したFirefox拡張機能を国際化(翻訳)します。 Firefox用WebExtensions拡張機能を作成する なぜ、国際化する？ 多くの人に使ってもらうため 国や言語が異なっていても拡張機能として使用したい機能に差はあまりないため 簡単に出来るならば、やってお...