ブラウザを判定する（ブラウザスニッフィング）
目次 はじめに ブラウザを判定する IE を判定する Trident を判定する Gecko 判定について WebKit を判定する Blink を判定する Presto を判定する 備考：スマホ・タブレット・デスクトップを判定する 備考：機能毎に判定する 参考 はじめに ブラウ...
Chrome でカレントタブの右隣に新規タブを開く
はじめに Firefox を長年使い続けています。ですが、 Chrome / Edge を使うこともあります。 Chrome の長年の不満の１つは、タブを開く挙動が Firefox と異なる点です。 カレントタブから２つ以上タブを開く挙動が次のように異なります。 Chrome は...
Chrome の拡張機能を Manifest V3 に対応する
はじめに 「 Chromeの拡張機能を作成する 」で作成した Manifest V2 用の拡張機能を Manifest V3 用に変更します。 開発から既に数年経過しているため、最終的なコードからはかけ離れていますが、 Manifest V3 用のサンプルとしての位置付けでこの記...
ブラウザ拡張機能のソースコードを確認する
他人の作成した拡張機能のソースコードを確認する必要がある場合の方法を記載します。 インストール済みの拡張機能を確認する Chrome Windows10 %LOCALAPPDATA%\Google\Chrome\User Data\{プロファイル名}\Extensions\{拡張...
ChromeからGoogle検索の検索窓に直接文字入力する方法
問題現象 Chromeで新しいタブのGoogle検索窓に文字入力を開始すると、Google検索窓に文字入力することを期待しているのに、Chromeのアドレスバーに文字入力される現象です。 解決方法 Chromeのアドレスバーに次のURLを入力する chrome://flags/#...
ServiceWorker を無効化する
はじめに ServiceWorker と言う、この頃話題の機能がブラウザに追加されました。既存のウェブページではできなかった。スマホアプリのような機能をブラウザで実現できる素晴らしい機能です。ただし、ユーザの事前承認なしに登録できます。 ServiceWorker は、スマホアプ...
Windows10でウェブページの汚いフォントを置換える
はじめに Windowsのフォント事情は、バージョンが上がるたびに改善されてきています。最近では、「Meiryo」「游ゴシック」「BIZ UDデジタル教科書体」「BIZ UDゴシック」など綺麗なフォントが標準でインストールされています。ですがウェブページでの表示は、ページ側の指定...
ページタイトルとURLをコピーするChrome/Firefox拡張機能
ブラウザでウェブページを閲覧していて、SNSへの投稿やブログ記事作成などでページタイトルとURLをコピーしたい場合に、使用できるChrome/Firefoxの拡張機能です。 導入 次のウェブストアからインストールする。 CopyTabTitleUrl - Chrome ウェブスト...
Chrome・Firefoxの拡張機能にショートカットを実装
CopyTabTitleUrlにショートカット機能を実装したので、そのまとめ記事です。 ショートカット設定時の留意点 ショートカットを設定した場合、以下の問題点がある。 既に使用中のショートカットと被ってしまう ユーザ毎に動作環境がことなり、事前に被るショートカットを予測しきれな...
Chromeの拡張機能でショートカットを変更・解除する
拡張機能のショートカット変更画面 Chromeでは、拡張機能のショートカットを編集する機能が標準で実装されています。ショートカットを自分の環境に最適化できます。 ショートカット変更画面 下記URLをアドレスバーに入力することで表示できます。 chrome...
英語のWebページを翻訳して表示する
やりたいこと 英語のウェブページを翻訳して表示する。 技術系などの特殊な情報にアクセスしようとすると英語のウェブページを利用することが増えます。簡易にページを翻訳できると便利です。 Chromeで翻訳する ページ全体をその場で翻訳する Chrome標準機能 コンテキストメニュー ...
Chrome拡張機能のコンテキストメニューではまったこと
CopyTabTitleUrl がバグってたのでその結果です。 問題現象 今回バグってた内容以下の通りです。 コンテキストメニューを選択してもアクションが動かない タイトルやURLのコピーを実行しない 調査結果 Chrome拡張機能が起動できておらず、...
選択文字列を読み上げる拡張機能を作ってみた
作ってみた。 拡張機能 SendBouyomiChan – Firefox 向けアドオン SendBouyomiChan - Chrome Web Store 機能 Webページ選択中文字列をコンテキストメニューからローカルに実行中の棒読みちゃんに転送する。以上です...
Chrome・Firefox拡張機能のブラウザアクションでポップアップあり・なしを共存する
やりたいこと ブラウザアクションでポップアップを表示する ブラウザアクションで単純クリックでアクションを実行する 上記の２つをオプションで切替可能にする 実施例 CopyTabTitleUrl – Firefox 向けアドオン CopyTabTitleUrl - Chrome W...
Chrome、Firefoxの拡張機能を判定する
Chrome、Firefoxの拡張機能は、WebExtensionsで共通化しました。ですが、細かい部分が異なるため、コードを共通化する必要があります。拡張機能でブラウザを判定する方法のまとめです。 JavaScript ブラウザ判定 // ブラウザ判定 function isF...
Chromeの拡張機能を作成する
Firefox拡張機能をChrome拡張機能で作成から公開まで行います。 Chrome拡張機能の作成 Firefoxで作成した拡張機能のChrome版を作成します。 Firefoxの拡張機能については、以下の記事を参照してください。 Firefox用WebExtensions拡張...