Windows Tips & News

GoogleChromeのWebページにテキストフラグメントへのリンクを作成する

おすすめされた: Windowsの問題を修正し、システムパフォーマンスを最適化するには、ここをクリックしてください

GoogleChromeのWebページにテキストフラグメントへのリンクを作成する方法

Google Chromeには、Webページの任意の部分へのリンクを作成できる便利なオプションが付属しています。 これは、Web標準であるScrollToTextFragmentを利用しており、ターゲットページのHTMLマークアップに明示的に指定されたアンカーがなくてもアンカーリンクを作成できます。

広告

この機能はに基づいています ScrollToTextFragment、これは比較的新しいWebテクノロジーです Webインキュベーターコミュニティグループによって開発されました W3Cで。 これは進行中の作業ですが、Edge83および Chrome80以降. 他のChromiumベースのブラウザでは機能する場合と機能しない場合があります。

ScrollToTextFragment ユーザーがWebページの特定のコンテンツに簡単に移動できるようにするために作られています。 Chromeはこれをサポートすることで、URLフラグメントにテキストスニペットを指定できます。 このようなフラグメントを含むURLに移動すると、ブラウザはページ内のテキストスニペットの最初のインスタンスを見つけて表示します。 Scroll-To-Textが最初に紹介されたのは Chrome 74 しかし、旗で隠されています。

この投稿では、Webページ上のテキストフラグメントへのリンクを作成する方法を紹介します。 グーグルクローム.

Google ChromeのWebページにテキストフラグメントへのリンクを作成するには、

  1. Google Chromeを開き、ターゲットページに移動します。 Chromeオープンターゲットページ
  2. そのページのURLをコピーして、任意のテキストエディタに貼り付けます。 メモ帳に。Chromeアドレスバーからメモ帳にURLをコピーする
  3. メモ帳で、次の部分をコピーしてURLの最後に貼り付けます。 #:〜:text =.メモ帳のURLの最後にテキストを貼り付ける
  4. リンクを作成するテキストフラグメントを選択してコピーします。テキストを選択してコピーし、リンクを作成します
  5. 後に貼り付けます #:〜:text =. 次のようなリンクが表示されます https://www.someaddress.com/some-page/#:~:text=Some ページ上のテキスト.テキストフラグメントをメモ帳に貼り付ける
  6. メモ帳にあるリンクをコピーして、Chromeのアドレスバーに貼り付けます。最終的なURLをChromeに貼り付けます
  7. Enterキーを押すと、ターゲットページが開き、指定したテキストフラグメントまでスクロールして、強調表示します。強調表示されたWebページ上のテキストフラグメントへのリンク

完了です!

たとえば、Winaeroの最新の投稿セクションに直接移動するには、次のURLを使用できます。

https://winaero.com/#:~:text=Latest 投稿

この方法を使用すると、任意のWebサイトの任意のテキスト部分へのリンクを作成できます。 これは、アンカーのないWebページ上のテキストフラグメントを誰かにすばやく向ける必要がある場合に非常に便利です。

おすすめされた: Windowsの問題を修正し、システムパフォーマンスを最適化するには、ここをクリックしてください
Microsoft の Dev Box が一般提供開始されました

Microsoft の Dev Box が一般提供開始されました

推奨: Windows® の問題を修正し、システム パフォーマンスを最適化するには、ここをクリックしてくださいDev Box クラウド ワークステーションが一般提供開始されました。 最初に導入し...

続きを読む

Microsoft、Activisionの買収を巡りFTCに対して勝訴

Microsoft、Activisionの買収を巡りFTCに対して勝訴

推奨: Windows® の問題を修正し、システム パフォーマンスを最適化するには、ここをクリックしてください米国連邦裁判所は連邦取引委員会(FTC)の訴えを却下した。 取引の阻止を要求する M...

続きを読む

Mozilla が CodePen のようなサービスである MDN Playground を開始

Mozilla が CodePen のようなサービスである MDN Playground を開始

推奨: Windows® の問題を修正し、システム パフォーマンスを最適化するには、ここをクリックしてくださいMozilla は、ユーザーが HTML、CSS、JavaScript コード スニ...

続きを読む