GCLI를 사용하여 Firefox에서 전체 페이지의 고품질 스크린 샷을 만드는 방법은 무엇입니까?


8

Firefox의 내장 CLI를 사용하여 웹 페이지의 스크린 샷을 찍어 타사 도구를 사용할 필요가 없습니다.
정말 간단합니다.

  • 조회수 Shift+F2
  • 을 입력 screenshot filename.png한 다음 Enter 키를 누릅니다.

보이지 않는 부분을 포함하여 전체 페이지의 스크린 샷을 만들 --fullpage려면 위의 명령 끝에 추가하면 됩니다.
문제는 큰 페이지의 전체 페이지 스크린 샷을 찍을 때 픽셀 화 될 정도로 품질이 높지 않거나 확대 할 때 텍스트를 읽을 수
없는 문제입니다. 타사 도구를 사용하십니까?
관련 질문 :

중요한 경우 Windows 7 및 최신 Firefox 업데이트를 사용하고 있습니다.


Firefox 용 Awesome 스크린 샷이라는 플러그인을 사용하여 전체 페이지 조회수를 가져옵니다. 나는 그것이 네이티브가 아니라는 것을 알고 있지만 이것에 대한 답변을 찾을 수 없다면, 그것은 좋은 대안이 될 수 있다고 생각합니다.
Lex

Windows가 아닌 Linux에서 절차를 수행하고 있지만 문제를 재현 할 수는 있지만 문제를 복제 할 수 없습니다. 화면이 충분히 커지면 렌더링 된 픽셀 출력 픽셀을 제공합니다. 품질 저하가 없습니다.
fixer1234

@ fixer1234 저는 텍스트를 확대해서 볼 때 픽셀 화되어 읽기가 다소 어려워지는 텍스트 스크린 샷에 대해 이야기하고 있습니다.
RogUE

글꼴 정보를 기반으로 문자를 지능적으로 부드럽게하기 위해 텍스트를 전용 시스템으로 렌더링한다는 것을 이해합니다. 스크린 샷을 찍으면 글꼴 정보가 손실되며 픽셀 만입니다. 확대 / 축소 기능은 일부 보간을 수행하지만 해당 프로세스의 품질은 문자가 문자로 렌더링 될 때 가능한 작업과 일치하지 않습니다.
fixer1234

답변:


12

마지막으로 질문에 대한 답을 찾았습니다. 내 질문에 대답하고 싶습니다.

우선 신용 기한; Eric 's Archived Thoughts , 나는이 튜토리얼을 우연히 발견했다.

대답은 간단 --dpr합니다. 명령에 옵션 / 인자를 추가 하여 상대 픽셀 해상도를 법선에 추가하십시오. 예를 들어, 일반 해상도 put의 해상도를 4 배로 캡처 --dpr 4하려면 숫자 앞에 공백이 있습니다. 5.3, 5.6 등과 같은 소수 부분을 가진 숫자를 사용할 수도 있습니다. 예제 명령은 다음과 같습니다.

screenshot filename.png --dpr x

그게 다야.

물론 스크린 샷의 품질이 향상되었습니다.

스크린 샷 예 :

정상 해상도 일반 해상도

5 배 해상도 5 배 해상도


좋은 발견! dpr (장치 픽셀 비율)은 모니터의 해상도가 다른 경우 디스플레이가 렌더링 된 방식을 캡처합니다. 고정 이미지를 캡처 한 다음 보간하여 확대하지 않고 대상 해상도에서 글꼴 다듬기를 수행합니다.
fixer1234

1
이 답변 도 확인하십시오 .
RogUE

슬프게도 CLI는 Firefox 62에서 제거되었습니다 : ghacks.net/2018/05/21/firefox-62-developer-toolbar-removal
Marcus Riemer

3
Firefox 63부터는 :screenshot웹 콘솔 (도구-> 웹 개발자-> 웹 콘솔 또는 Ctrl + Shift + K / Cmd + 옵션 + K)에서 콜론을 사용할 수 있습니다.
Calimo
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.