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

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

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

감사

Josh Wiley가 9 9 월 월요일 2019 07 : 55 : 34 PM에 요청

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

9 월 월요일, 9 2019 : 08 : 00 PM 월요일에 GrabzIt 지원에 의해 답변 됨

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

이것에 대한 몇 가지 질문 :

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

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

답변 : Josh Wiley 님, 9 9 월 월요일, 2019 09 : 12 : 02 PM

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

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

9 월 월요일, 9 2019 : 09 : 23 PM 월요일에 GrabzIt 지원에 의해 답변 됨

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

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

감사

답변 : Josh Wiley, 화요일, 10 9 월, 2019 01 : 32 : 18 AM

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

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

답변 : Josh Wiley, 화요일, 10 9 월, 2019 02 : 52 : 11 AM

안녕 조쉬,

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

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

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

답변 : Josh Wiley, 화요일, 10 9 월, 2019 05 : 35 : 56 AM

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

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

감사

답변 : Josh Wiley, 화요일, 10 9 월, 2019 01 : 50 : 40 PM

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

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

9 월 화요일, 10 2019 : 01 : 56 PM 화요일에 GrabzIt Support에서 답변 함

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

9 월 화요일, 10 2019 : 02 : 28 PM 화요일에 GrabzIt Support에서 답변 함

좋아, 나는 최선의 선택이 여기에 붙어있다. 나는 아직도 내가해야 할 일을 완전히 이해하지 못한다고 생각합니다. 내 로컬에서 작동하는 유일한 옵션은 ConvertHTML을 사용하는 것 같습니다. 그 맞습니까?

이 작업을 수행 할 지 확실하지 않지만 Zoom을 통해 잠시 동안 나와 연락 할 수 있습니까? 필요할 때이 기능을 사용할 수있게되면 Enterprise로 업그레이드 할 것입니다. 확대 / 축소를 원할 경우 즉시 Enterprise로 업그레이드 할 수 있습니다 (설정 가능). 나는 이것이 save 우리 모두 앞뒤로 멈출 수 있습니다.

답변 : Josh Wiley, 화요일, 10 9 월, 2019 06 : 46 : 52 PM

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

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

9 월 화요일, 10 2019 : 06 : 55 PM 화요일에 GrabzIt Support에서 답변 함

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

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

답변 : Josh Wiley, 화요일, 10 9 월, 2019 09 : 48 : 05 PM