웹 캡처 및 변환 도구
GrabzIt의 온라인 커뮤니티

로컬에서 GrabzIt 자바 스크립트 사용

내 로컬 및 / 또는 공개되지 않은 페이지에서 GrabzIt 자바 스크립트를 사용하는 방법이 있습니까?

 

감사

9 년 2019 월 XNUMX 일 Josh Wiley의 질문

예, localhost 또는 심지어 html 파일에서 호출하면 작동합니다. 문제가 있으면 알려주십시오.

9 년 2019 월 XNUMX 일 GrabzIt Support에서 답변 함

알았어 고마워. 나는 이것을 조금 더 이해하기 시작했습니다. 이 페이지를 읽고있었습니다 : https://grabz.it/support/?uniqueId=html-tips.

이것에 대한 몇 가지 질문 :

1) ConvertHTML을 사용하는 경우 스크린 샷을 찍으려는 Div 안에 CSS가 있어야합니까? 아니면 Div 외부에 스타일 시트를 넣어도 괜찮습니까?

2) 스크린 샷하려는 일부 글꼴이 올바른 글꼴로 표시되지 않습니다. 서체가 다르게 취급됩니까?

답변 : Josh Wiley 9 년 2019 월 XNUMX 일

ConvertHtml은 string HTML의 경우 CSS를 포함 할 수 있지만 그렇지 않은 경우 외부 스타일 시트가 절대 URL을 사용하고 있는지 확인해야합니다.

CSS에서 절대 URL 등을 사용하여 글꼴을 올바르게 참조하면 글꼴이 작동해야합니다.

9 년 2019 월 XNUMX 일 GrabzIt Support에서 답변 함

감사. 다른 질문. 오른쪽과 아래쪽에 빈 공간없이 최종 이미지를 확대 할 수있는 방법이 있습니까?  

예를 들어 500x300 인 Div를 스크린 샷하려고하지만 750x450까지 스케일을 조정하고 싶습니다. 너비를 750로, 높이를 450로 설정하면 750x450 이미지가 생성되지만 스크린 샷을 찍는 div는 500x300 이미지로만 표시되고 나머지 공간은 비어 있습니다.

 

감사

답변 : Josh Wiley 10 년 2019 월 XNUMX 일

또한 ConvertPage를 시도했지만 작동하지 않지만 결과가 다릅니다. 아래는 내가 한 일의 예입니다. 이미지를 잘라 내고 이미지의 절반 만 표시합니다.

 

GrabzIt ( "APPLICATION KEY"). ConvertPage ({
"target": "#paddAroundExport",
"지연": 3000,
"format": "png",
"투명": 1,
"bheight": -1,
"높이": -1,
"너비": -1
}). AddTo ( "finalImageID");

답변 : Josh Wiley 10 년 2019 월 XNUMX 일

안녕 조쉬,

첫 번째 질문의 경우 브라우저 크기를 500 x 300로 설정할 수 있습니다. 그런 다음 더 큰 너비를 확장하십시오.

링크 된 기사에 더 많은 정보가 있습니다.

두 번째 포에int, 문제가있는 페이지를 볼 수 있습니까?

답변 : Josh Wiley 10 년 2019 월 XNUMX 일

이제 ConvertHTML에서 스케일 업이 어떻게 작동하는지 봅니다. 고마워, 그것은 매우 도움이됩니다. 나는 bheight와 bwidth가 무엇인지 조금 혼란 스러웠다. ConverHTML을 사용하여 친하게 지내지 만 몇 가지 사항이 여전히 남아 있습니다. 이 옵션은 모든 스타일 시트에 액세스 할 수 있어야하기 때문에 어려울 수 있습니다. 테스트하려면 로컬 버전으로 작업해야하기 때문에 수행하기가 어렵습니다.

 

ConverPage 옵션이 최선 인 것 같지만이 옵션이 작동하는 데는 조금 더 멀어졌습니다. 내가하는 일의 대부분은 내 로컬에서 또는 로그인 뒤에 있습니다. 스크린 샷이 도움이 될까요? 스크린 샷을 이메일로 보내드릴까요? 그렇지 않다면 JSFiddel과 같은 것을 사용하여 문제를 재현 할 수 있습니다.

감사

 

답변 : Josh Wiley 10 년 2019 월 XNUMX 일

절대 URL로 CSS를 계속 참조 할 수 없습니까? 예 : https://www.example.com/styles/main.css

스크린 샷은 div의 일부만 캡처하는 이유를 해결할 수 없으므로 많은 불행한 도움이되지 않습니다. 별도의 HTML 파일 또는 JSFiddle에 넣을 수 있으면 문제를 볼 수 있습니다. 우리는 그것을 고치거나 조언 할 수 있기를 바랍니다.

10 년 2019 월 XNUMX 일 GrabzIt Support에서 답변 함

CapturePage와 관련하여 문제가 무엇인지 발표했습니다. CapturePage 메소드는 다음에 설명 된대로 공개적으로 사용 가능한 자원에 액세스 할 수 있어야합니다. 이 문서.

10 년 2019 월 XNUMX 일 GrabzIt Support에서 답변 함

좋아, 나는 여기에 나의 최선의 선택이 무엇인지에 집착한다. 나는 아직도 내가해야 할 일을 완전히 이해하지 못하는 것 같다. 내 로컬에서 작동하는 유일한 옵션은 ConvertHTML을 사용하는 것입니다. 그 맞습니까?

이 작업을 수행하는지 확실하지 않지만 Zoom을 통해 잠시 연락을 드릴 수 있습니까? 필요에 따라 작동하도록 할 수 있다면 엔터프라이즈로 업그레이드 할 것입니다. Zoom을 사용하려는 경우 즉시 Enterprise로 업그레이드 할 의향이 있습니다 (설정할 수 있음). 나는 이것이 save 우리 모두 앞뒤로 멈출 수 있습니다. 

 

답변 : Josh Wiley 10 년 2019 월 XNUMX 일

좋아, 나는 그것을 전에 사용하지는 않았지만 나는 그것을 줄 것이다.

우리를 통해 세부 사항을 보낼 수 있습니다 문의 양식.

10 년 2019 월 XNUMX 일 GrabzIt Support에서 답변 함

오늘 도움을 주셔서 감사합니다. 나는 당신의 도움과 하나의 추가 세부 사항으로 작동하도록 할 수있었습니다. convertHTML을 통해 보낸 내용을 감싸는 div를 추가하고 대상 옵션을 사용하여 특정 div를 가져옵니다. 그것은 완벽하게 작동했습니다. 

ConvertHTML을 통해 보낸 정확한 내용으로 테스트 페이지를 만들었을 때 무슨 일이 일어나고 있는지 깨달았습니다. 캡처 된 이미지는 내가 보내지 않았지만 브라우저에서 추가 한 것으로 보이는 본문 태그를 캡처하고있었습니다. 그것이 내 잘못인지 GrabzIt의 버그인지 확실하지 않지만 버그 인 경우 언급하고 싶었습니다.

답변 : Josh Wiley 10 년 2019 월 XNUMX 일