☰

ブラウザに表示されるツールチップメッセージをクリップボードにコピーする方法はありますか?

tag-icon • tag-icon windows browser clipboard
ブラウザに表示されるツールチップメッセージをクリップボードにコピーする方法はありますか?

これは私が書いているコードではありません。そうでなければ、必要な機能には CSS、JavaScript、または Internet Explorer 8 アクセラレータを使用します。

また、私はエンドユーザー（技術者ではない）が使用できるものを探しています。したがって、viewsource などは役に立ちません。

答え1

ページ ソースを開き、要素を見つけて、title属性をコピーします。属性が JavaScript で設定されていないと仮定します。

Firefox を使用している場合は、Firebug をインストールし、要素セレクターを使用してコピーするツールチップを持つ要素を選択し、title表示される DOM ツリーから属性をコピーします。これは、属性が JavaScript で設定されている場合でも機能します。

答え2

Chromeの場合:

  1. ウェブページを読み込む
  2. Chrome DevTools を開きます... Ctrl+Shift+I (Windows) または Cmd+Opt+I (Mac)
  3. ウェブページ上:
    • ツールチップを表示する（通常はページの一部にマウスを移動して）
    • ツールチップが表示されている間に右クリックしますが、コンテキスト メニューから項目を選択しないでください (手順 4 でツールチップが表示されたままになるようにするため)
  4. Chrome DevTools の場合:
    • 「要素」タブをクリックして「要素」パネルにフォーカスを当てます
    • Crtl+F で「要素」パネル内を検索します
    • ツールチップテキストの最初の数語を検索ボックスに入力します...これで、検索文字列が「要素」パネルでハイライト表示されます。
    • ツールチップテキストを含む要素をクリックします
    • 選択した要素を右クリック
    • コンテンツメニューから「コピー」->「要素のコピー」を選択します。

完了です...ツールチップのテキスト全体がクリップボードに保存されます。

Chrome 54.0.2840.99 m でテスト済み。

答え3

ツールチップから直接ではありません。

しかし、少しの努力を惜しまなければ、これを実現する方法は常にあります。

  • ページを右クリックして、ブラウザの「ソースの表示」に相当するものを選択します。ソースへのアクセスを妨げる悪質な JavaScript コードがなく、ツールチップが Ajax リクエストによって取得されていないと仮定すると、ページのソースを調べて、そこに表示されている HTML および JavaScript コンテンツの中からテキストを見つけることができるはずです。
  • あるいは、次のようなデバッガを使用する。ファイアバグアクティブなDOMページで、直接コピーできる場所でツールチップのテキストを見つけます。

答え4

Babak のコメントは重要です。現状では、実際にコードを書いたりアプリケーションを開発したりしているのではなく、単にブラウザからクリップボードに何かをコピーしたいだけであるように思われます。

それがあなたがしようとしていることだと仮定すると、ツールチップが HTML コード内にある可能性があります。明示的なテキストは、ほとんどのブラウザがマウスオーバー時にツールチップとしてレンダリングする HTML に配置できます (タグaltのプロパティなどimg)。クリップボードにコピーするツールチップが HTML コンテンツの一部である場合は、ブラウザ内からソースを表示して、そこからコピーできます。

一部のブラウザには、より最新のデバッグおよび検査ツールがあり、要素自体を右クリックしてソース内のそのポイントに直接移動することもできます。

関連情報