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の問題を修正し、システムパフォーマンスを最適化するには、ここをクリックしてください

Windows10ストレージプールアーカイブの名前を変更

このWebサイトでは、Cookieを使用して、Webサイト内を移動する際のエクスペリエンスを向上させます。 これらのCookieのうち、必要に応じて分類されたCookieは、Webサイトの基本的...

続きを読む

Windows10でコア分離メモリの整合性を有効にする

Windows10でコア分離メモリの整合性を有効にする

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

続きを読む

Windows10アクティビティモニターアーカイブ

このWebサイトでは、Cookieを使用して、Webサイト内を移動する際のエクスペリエンスを向上させます。 これらのCookieのうち、必要に応じて分類されたCookieは、Webサイトの基本的...

続きを読む