JavaScriptでブラウザ表示文字列をURLから取得する方法

プログラミング

ブラウザで表示される文字列について、お気に入りからJavaScriptを読みこませることで置換することができます。
例えば、強調表示したいような場合にこれを活用できます。

例として、mozillaのJavaScriptのページを強調表示してみましょう。

JavaScript | MDN
JavaScript (JS) は軽量で、インタープリター型、あるいは実行時コンパイルされる、第一級関数を備えたプログラミング言語です。ウェブページでよく使用されるスクリプト言語として知られ、多くのブラウザー以外の環境、例えば Node.j...

今回の例では、「JavaScript」と「ECMAScript」を強調表示します。

1.お気に入りにJavaScriptを登録する

Chromeの場合は以下のような手順になります。

・ブックマークマネージャーを開く

・右クリックで新しいブックマークを作成する

・ブックマークのURLにJavaScriptを記述する

2.任意のページでブックマークを開く

今回の例では、このようなページが

ブックマークを開くことでこのように強調表示されます。


このように手軽にブラウザの表示の文字列置換が可能なのですが、この方法では大量の文字列置換ができないことに注意する必要があります。
少なくとも、筆者の環境(OS:Windows8.1、ビット数:64、メモリ:8GB、Chromeバージョン: 88.0.4324.150)では、1000通りの文字列置換を行うことはできませんでした。
(恐らく、ブラウザ毎に設けられているURLの文字数制限によるものです)
これが問題になるのであれば、Chromeの拡張機能を開発する等の別の方法を考えた方が良いです。

また、文字列置換によりリンク先が変わってしまうことにも注意が必要です。
(逆に、これを利用して、意図的にリンク先を変えることはできそうです)


いかがでしたでしょうか。

大量の記述に対応できないため、今回紹介した方法は不便に感じることがあるかもしれませんが、最も手軽な方法でもあります。
ちょっとした処理を実行したい場合には便利でしょう。

Chromeの拡張機能については、近日中に別の記事で紹介したいと思います!

コメント

タイトルとURLをコピーしました