브라우저에 나타나는 툴팁 메시지를 클립 보드에 복사 할 수있는 방법이 있습니까?


4

이것은 내가 쓰고있는 코드가 아닙니다. 그렇지 않으면 CSS, JavaScript 또는 Internet Explorer 8 액셀러레이터를 사용하여 필요한 것입니다.

또한 최종 사용자 (비 기술적)가 사용할 수있는 것을 찾고 있습니다. 따라서 viewsource 등은 도움이되지 않습니다.


2
작성중인 응용 프로그램입니까 아니면 컴퓨터에서 실행중인 응용 프로그램과 관련이 있습니까?

내 질문을 편집했습니다. 이것은 내 코드가 아닙니다. 나는 당신의 모든 대답을 찬성했습니다. 내가 받아 들인 답변으로 모든 답변을 선택할 수 있다면. 단축키 나 다른 것이 있다고 생각했습니다. 고마워

답변:


4

페이지 소스를 열고 요소를 찾고 title속성을 복사하십시오 . 속성이 JavaScript로 설정되지 않았다고 가정하십시오.

Firefox를 사용하는 경우 Firebug를 설치하고 요소 선택기를 사용하여 복사하려는 툴팁으로 요소를 선택한 다음 title표시된 DOM 트리에서 속성 을 복사하십시오 . 속성이 JavaScript로 설정된 경우에도 작동합니다.


3

툴팁에서 직접 제공되지 않습니다.

그러나 약간의 작업을 기꺼이 원한다면 항상이 물건을 얻을 수있는 방법이 있습니다.

  • 페이지를 마우스 오른쪽 버튼으로 클릭하고 브라우저의 "소스보기"에 해당하는 항목을 선택하십시오. 소스에 대한 액세스를 방해하는 악의적 인 JavaScript 코드가없고 Ajax 요청을 통해 툴팁을 가져 오지 않았다고 가정하면 이제 페이지의 소스를 연구하고 HTML 및 JavaScript 컨텐츠에서 텍스트를 찾을 수 있습니다. .
  • 또는 Firebug 와 같은 디버거를 사용 하여 페이지 의 활성 DOM 을 검사하여 직접 복사 할 수있는 위치에서 툴팁 텍스트를 찾을 수 있습니다.

훌륭한 아이디어이지만 최종 사용자 (비 기술적)가 사용할 수있는 것을 찾고 있습니다.

@Lill Lansey : 귀하가 관리하는 페이지 인 경우 복사 가능한 텍스트를 표시하는 방법에는 여러 가지가 있으므로 사용자가 페이지에서 할 수있는 일이라고 가정합니다. 이 경우 요소를 마우스 오른쪽 버튼으로 클릭하고 해당 텍스트를 보려면 Firebug에서 기본 브라우저 (또는 선택한 브라우저에서 동등한 항목)를 제공해야합니다. 그러나 툴팁을 생성하는 다양한 방법을 기반으로하더라도 성공은 제한적일 것입니다.
David

1

아니, 불행히도 ... 누군가가 이것을하는 브라우저 플러그인을 작성하지 않는 한.


내 질문을 편집했습니다. 이것은 내 코드가 아닙니다.

1

Babak의 의견은 매우 중요합니다. 지금 당장, 실제로 코드를 작성하거나 응용 프로그램을 개발하지 않는 것처럼 들립니다. 브라우저에서 클립 보드로 무언가를 복사하려고합니다.

그것이 당신이하려는 일이라고 가정하면 툴팁이 HTML 코드에있을 수 있습니다. 대부분의 브라우저가 마우스 오버시 도구 설명 (예 : 태그 의 alt속성)으로 렌더링하는 명시 적 텍스트를 HTML에 배치 할 수 있습니다 img. 클립 보드에 복사하려는 툴팁이 HTML 컨텐츠의 일부인 경우 브라우저 내에서 소스를보고 거기에서 복사 할 수 있습니다.

일부 브라우저에는 요소 자체를 마우스 오른쪽 버튼으로 클릭하고 소스의 해당 지점으로 바로 이동할 수있는 최신 디버깅 및 검사 도구가 있습니다.


0

상용 화면 캡처 도구 인 SnagIt 은 도구 설명에서 텍스트를 추출 할 수도 있습니다.

다른 대안도 있지만 시도하지 않았습니다.


0

Evernote.com/clearly/는 분명히 저에게 효과적입니다. 페이지의 일반 텍스트 다음에 모든 툴팁이 목록으로 표시됩니다.

(나는 한 페이지 유형에서만 이것을 시도했지만 htm에 대한 소스 페이지에는 유용한 정보를 제공하지 않았습니다.)


0

또는 검색 창에 수동으로 입력하여 페이지 소스를 열고 설명 텍스트의 일부를 검색해보십시오.

또한 오늘날 브라우저에는 개발자 도구가 내장되어 있으므로 작동 방식에 익숙한 경우 이미지를 분석하고 해당 속성 중 하나에서 해당 텍스트를 찾는 것이 더 쉬울 수 있습니다. 또는 devtools를 사용하여 연결된 모든 파일을 검색하여 설명 텍스트의 일부를 검색 할 수도 있습니다.


0

Chrome에서 :

  1. 웹 페이지로드
  2. Chrome 개발자 도구 열기 ... Ctrl + Shift + I (Windows) 또는 Cmd + Opt + I (Mac)
  3. 웹 페이지에서 :
    • 툴팁 표시 (일반적으로 페이지의 일부를 마우스로 가리켜 서)
    • 툴팁이 표시되어있는 동안 마우스 오른쪽 버튼을 클릭하지만 상황에 맞는 메뉴에서 항목을 선택하지 마십시오 (4 단계에서 툴팁이 계속 표시되도록)
  4. Chrome DevTools에서 :
    • "요소"탭을 클릭하여 "요소"패널에 초점을 지정하십시오.
    • "요소"패널 내에서 검색 할 Crtl + F
    • 툴팁 텍스트의 처음 몇 단어를 검색 창에 입력하십시오. 이제 검색 문자열이 "요소"패널에 강조 표시되어 나타납니다.
    • 툴팁 텍스트가 포함 된 요소를 클릭하십시오
    • 선택한 요소를 마우스 오른쪽 버튼으로 클릭
    • 컨텐츠 메뉴에서 "복사"-> "요소 복사"를 선택하십시오.

완료 ... 이제 전체 툴팁 텍스트가 클립 보드에 표시됩니다.

Chrome에서 테스트 54.0.2840.99 m.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.