☰

ページをリダイレクトした場合でも、Chrome で正規表現に一致するテキストを強調表示する方法はありますか?

tag-icon • tag-icon google-chrome regex
ページをリダイレクトした場合でも、Chrome で正規表現に一致するテキストを強調表示する方法はありますか?

Chrome で特定のページを読み込むときに、すべて大文字で書かれた単語をすべて強調表示する方法はありますか?

理想的には、ソリューションは現在のページで機能し、フォーム ボタンをクリックすると、後続のページでも自動的に機能する必要があります。

助言がありますか？

答え1

編集

拡張機能をダウンロードするここインストール手順は、ここ

この拡張機能は、ページ上の大文字の単語をすべて強調表示します

残りの回答

これはユーザー側という意味だと思いますが、本当でしょうか?

私個人としては、このタスク用にシンプルな Chrome 拡張機能を作成します。おそらく、物事を遠回りして行うのが好きなためです。それに、Chrome にはこれを可能にする機能がないと確信しています (間違っていたらごめんなさい)。

Chrome 拡張機能は作成が非常に簡単なので、心配する必要はありません。ここでは、ページ上のすべての単語を大文字で強調表示し、オン/オフを切り替えるちょっとした拡張機能を紹介しています。

仕組み

この小さな Chrome 拡張機能は、すべてのページのバックグラウンドで静かに実行され、2 文字以上で大文字であるすべての単語を黄色の背景で強調表示します。すべてのページで機能し、Chrome の拡張機能マネージャーの「有効化/無効化」機能を使用して無効にすることができます。これは、非常に基本的な Jquery スクリプトを使用して動作します。

第一歩

すべてのファイルを格納するためのフォルダをハードドライブのどこかに作成する必要があります。私はこれを「capshighlighter」と名付けました。

ステップ2

メモ帳を使用して、このフォルダにいくつかのファイルを追加します。メモ帳を開き、空白のドキュメントで「名前を付けて保存」をクリックし、 として保存しますmanifest.json。

という別のファイルを作成しjquery.js、さらに別のファイルを作成します。myscript.js

ステップ3

以下を追加manifest.json

{
    "manifest_version": 2,
    "name": "Capslight",
    "description": "Highlight capital words",
    "version": "1.0",
"content_scripts": 
    [
        {
            "matches": ["http://*/*","https://*/*"],
            "js":["jquery.js", "myscript.js"],
            "run_at": "document_end"
        }
    ]

}

オプション

このスクリプトを特定のページでのみ実行できるようにするには、maifest.json ファイル内の の値を変更しますmatches。各ページをコンマで区切ります。たとえば、スクリプトを Stackoverflow、Superuser、Google でのみ実行したい場合は、次のようにします。

"matches": ["http://www.stackoverflow.com/*","http://www.superuser.com/*","https://google.co.uk/*"],

注記

動作させたい URL に正しい「http」または「https」を使用していることを確認してください。これを行うより良い方法は、URL を「http」リンクと「https」リンクの両方として入力することです。末尾のスラッシュの後も忘れないでください。これが複雑になりすぎる場合は、上で入力した元のファイルを使用し、必要がない場合は拡張子をオフにするだけ*が最適です。manifest.json

次

にJQuery 2.1を追加しますjquery.js。これを行うには、このリンク

ついに

次のことを追加しますmyscript.js

$('body').each(function(){
    var pattern = /([A-Z]{3,})/g;
    var before = '<span style="background: yellow;">';
    var after = '</span>';
    $(this).html($(this).html().replace(pattern, before+"$1"+after));
});

ステップ4-クロムに追加

正常に機能する拡張機能の作成に成功しました (今日、そんなことをするとは思ってもみなかったでしょう)。あとは Chrome に追加するだけです。これを行うには、chrome://extensions「開発者モード」ボックスに移動してチェックを入れます。次に、「展開された拡張機能を読み込む」をクリックし、これら 3 つのファイルが保存されているフォルダを選択します。拡張機能は、ページを読み込むとすぐに機能します。拡張機能を無効にするには、chrome://extensionsページ内のボックスのチェックを外すだけです。

これがあなたが望んでいたものであることを心から願っています。いずれにしても、作るのは楽しかったです ;)

答え2

この拡張機能は、正規表現とログ分析に非常に役立ちました。

https://chrome.google.com/webstore/detail/rex-regex-highlight-or-co/eejlhekkafpkffbhpidchepheodkgnib

ページ上で選択したテキストを強調表示するように設定することができ、選択したドメインにこの設定が自動的に適用されます。

設定例

関連情報