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.