ChromeとEdgeでWebページ上のテキストにリンクする方法

ChromeまたはEdgeで開いたときに、Webページ上の選択したテキストに自動的にスクロールするリンクを作成します

Google Chromeバージョン81以降には、「スクロールしてテキストフラグメント」と呼ばれる小さな隠し機能が付属しています。これにより、ユーザーはWebページ上の特定のコンテンツにリンクできます。

Scroll to Text Fragmentはまだ新しい機能であり、利用可能なブラウザではまだ完全に洗練されたり、焼き付けられたりしていません。しかし、開発者 ポール・キンラン は、この機能を今でも利用できる使いやすいブックマークレットを作成しました。

ブックマークレットは、JavaScriptコードの小さなブロック/スニペットを含むブックマークまたはお気に入りであり、クリックすると、事前定義されたアクションを実行できます。この場合、ブックマークレットは、Webページ上の選択されたテキストを指すようにアドレスバーのURLをフォーマットします。

ブックマークバーの「テキストにスクロール」ブックマークレットをドラッグアンドドロップします

ブックマークレットを作成する手間をかけたくない場合は、以下にドラッグアンドドロップのブックマークレットを示します。 GoogleChromeとMicrosoftEdgeの両方で動作します。

押す Ctrl + Shift + B ブラウザでブックマーク/お気に入りバーを有効にしていない場合。次に、以下に示すリンクをブックマークバーにドラッグアンドドロップして、スクロールをテキストのブックマークレットに追加します。

このリンクをドラッグ→ 検索で共有

Chromeでブックマークレットを手動で作成する

ブックマークレットをドラッグアンドドロップできない場合 上記のGIFの指示に従ってブラウザに入力し、Chromeで手動で作成します。を押してブックマークマネージャを開きます Ctrl + Shift + O または、設定をクリックして[ブックマーク]に移動し、[ブックマークマネージャー]を選択します。

[ブックマークマネージャ]タブの任意の場所を右クリックして、[新しいブックマークを追加]を選択します。

ブックマークの追加ポップアップのURLバーに以下のJavaScriptコードを貼り付けます。ブックマークレットに「Findと共有」または同様の名前を付けて、「保存」をクリックします。

javascript:(function(){const selectedText = getSelection()。toString(); const newUrl = new URL(location); newUrl.hash = `:〜:text = $ {encodeURIComponent(selectedText)}`; window.open( newUrl);})();

これで、スクロールしてテキストのブックマークレットを使用できるようになりました。必ず、を押してブックマークバーを有効にしてください。 Ctrl + Shift + B キー。

Edgeでブックマークレットを手動で作成する

Scroll to Textブックマークレットを使用するには、最新のクロムベースのEdgeを使用している必要があります。この機能は、非クロムベースのブラウザーではまだサポートされていないためです。

Edgeでブックマークレットを作成するには、を押して[お気に入りの管理]設定を開きます Ctrl + Shift + O または、[エッジ]メニュー»[お気に入り]»[お気に入りの管理]オプションに移動します。

[お気に入りの管理]タブの[お気に入りバー]セクションで、右ペインの任意の場所を右クリックし、[お気に入りを追加]オプションを選択します。

次のJavaScriptスニペットをURLバーに貼り付け、ブックマークレットに「Share with Find」という名前を付けてから、「Save」をクリックします。

javascript:(function(){const selectedText = getSelection()。toString(); const newUrl = new URL(location); newUrl.hash = `:〜:text = $ {encodeURIComponent(selectedText)}`; window.open( newUrl);})();

次に、Edgeブラウザで[お気に入りバー]が有効になっていて、ブックマークレットがバーに表示されていることを確認します。そうでない場合は、 Ctrl + Shift + B Edgeでお気に入りバーを表示するためのキーボードショートカット。

Scroll toTextブックマークレットの使用

ブックマークレットを使用するには、任意のWebページを開き、リンクを作成するテキストを選択してから、[スクロールしてテキスト]ブックマークレットを押します。 (検索と共有)。新しいウィンドウが開き、前のタブで選択したテキストが強調表示されます。

これで、新しいウィンドウのリンクを誰とでも共有でき、GoogleChromeまたは新しいMicrosoftEdgeを使用している限り、強調表示されたテキストの場所が開きます。

インターネットは情報の海であり、これらのようなちょっとした巧妙なトリックは時間を節約するのに役立ちます。まだ経験していない場合は、Google検索で「スクロールしてテキストフラグメント」を使用して、検索結果の「注目」スニペットからユーザーをウェブページに誘導するときに、ウェブページ上のテキストを強調表示します。