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

내 로컬 및/또는 공개되지 않은 페이지에서 GrabzIt javascript를 사용할 수 있는 방법이 있습니까?

감사

예, localhost나 html 파일에서 호출하면 작동합니다. 문제가 있으면 알려주시기 바랍니다.

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

이에 대한 몇 가지 질문:

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

2) 스크린샷을 찍으려고 하는 글꼴 중 일부가 올바른 글꼴로 표시되지 않습니다. 글꼴이 다르게 처리됩니까?

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

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

감사해요. 다른 질문. 오른쪽과 아래쪽에 여백이 생기지 않고 최종 이미지의 크기를 확대할 수 있는 방법이 있나요?  

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

감사

또한 ConvertPage를 시도해 보았는데 작동하지 않지만 결과는 다릅니다. 아래는 내가 한 일의 예입니다. 하지만 이미지가 잘려서 절반 정도만 표시됩니다.

GrabzIt("응용 프로그램 키").ConvertPage({
"target": "#paddAroundExport",
"지연": 3000,
"형식": "png",
"투명": 1,
"신장": -1,
"높이": -1,
"너비": -1
}).AddTo("최종이미지ID");

안녕 조쉬,

첫 번째 질문의 경우 브라우저 크기를 500 x 300으로 설정할 수 있습니다. 그런 다음 더 큰 너비를 규모를 확대하세요.

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

두 번째 방문에서int, 문제가 발생한 페이지를 살펴보실 수 있나요?

좋아, 이제 ConvertHTML의 확장이 어떻게 작동하는지 확인했습니다. 감사합니다. 매우 도움이 됩니다. 나는 bheight와 bwidth가 무엇인지에 대해 약간 혼란스러워했습니다. ConverHTML을 사용하는 데 거의 가까워지고 있지만 몇 가지 문제는 아직 해결되지 않았습니다. 모든 스타일시트에 액세스할 수 있어야 하고 이를 테스트하기 위해 로컬 버전에서 작업해야 하기 때문에 이 옵션은 나에게 어려울 수 있습니다.

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

감사

여전히 절대 URL로 CSS를 참조할 수 없나요? 예: https://www.example.com/styles/main.css

스크린샷은 불행하게도 div의 일부만 캡처하는 이유를 알아낼 수 없기 때문에 별로 도움이 되지 않습니다. 별도의 HTML 파일이나 JSFiddle에 넣으면 문제를 확인할 수 있습니다. 우리는 이 문제를 해결하거나 조언할 수 있기를 바랍니다.

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

좋아, 여기서 최선의 선택이 무엇인지 막막합니다. 아직 내가 무엇을 해야 하는지 완전히 이해하지 못한 것 같아요. 내 로컬에서 이 작업을 수행할 수 있는 유일한 옵션은 ConvertHTML을 사용하는 것 같습니다. 그 맞습니까?

혹시 그렇게 하실지는 모르겠지만 Zoom을 통해 잠시 연락드려도 될까요? 필요에 따라 이 기능이 작동하도록 할 수 있다면 Enterprise로 업그레이드하겠습니다. Zoom을 사용하실 의향이 있으시면 즉시 Enterprise로 업그레이드할 의향도 있습니다(설정해 드릴 수 있습니다). 내 생각엔 이게 될 것 같아 save 우리 둘 다 시간을 보내서 앞뒤로 멈출 수 있습니다. 

좋아요, 이전에는 사용해 본 적이 없지만 한번 사용해 보겠습니다.

자세한 내용을 당사를 통해 보내주실 수 있나요? 문의 양식.

오늘 도움을 주셔서 감사합니다. 여러분의 도움과 한 가지 추가 세부사항을 통해 작업을 완료할 수 있었습니다. ConvertHTML을 통해 보낸 콘텐츠를 둘러싸는 div를 추가하고 대상 옵션을 사용하여 해당 특정 div를 가져왔습니다. 그 덕분에 완벽하게 작동했습니다. 

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