Narzędzia do przechwytywania i konwertowania Internetu
Społeczność online GrabzIt

Korzystanie z GrabzIt javascript na poziomie lokalnym

Czy mogę skorzystać z javascript GrabzIt na mojej lokalnej i / lub stronie, która nie jest publiczna?

 

Podziękowania

Zapytane przez Josha Wileya 9 września 2019 r

Tak, po prostu zadzwoń z localhost lub nawet po prostu plik HTML i będzie działać. Poinformuj mnie, jeśli masz jakieś problemy.

Odpowiedział GrabzIt Support 9 września 2019 r

Ok dzięki. Zaczynam to rozumieć trochę bardziej. Czytałem tę stronę: https://grabz.it/support/?uniqueId=html-tips.

Kilka pytań na ten temat:

1) Jeśli używam ConvertHTML, czy CSS musi znajdować się wewnątrz Div, z którego próbuję zrobić zrzut ekranu? Czy też jest w porządku, aby arkusze stylów były poza tym elementem Div?

2) Niektóre czcionki, które próbuję wykonać zrzut ekranu, nie wyświetlają się z prawidłową czcionką. Czy czcionki są traktowane inaczej?

Odpowiedział Josh Wiley 9 września 2019 r

ConvertHtml może konwertować string HTML możesz dołączyć CSS, ale jeśli nie, musisz upewnić się, że zewnętrzny arkusz stylów używa bezwzględnych adresów URL.

Czcionki powinny działać, jeśli są poprawnie przywoływane przy użyciu bezwzględnych adresów URL itp. W CSS.

Odpowiedział GrabzIt Support 9 września 2019 r

Dzięki. Inne pytanie. Czy istnieje sposób na przeskalowanie ostatecznego obrazu bez pustego miejsca po prawej i u dołu?  

Na przykład próbuję wykonać zrzut ekranu Div, który jest 500x300, ale chcę go skalować do 750x450. Kiedy ustawię szerokość na 750, a wysokość na 450, tworzy obraz 750x450, ale div, którego zrzut ekranu pojawia się tylko jako obraz 500x300, a reszta miejsca jest pusta.

 

Podziękowania

Odpowiedział Josh Wiley 10 września 2019 r

Próbowałem również ConvertPage i to też nie działa, ale z różnymi rezultatami. Poniżej znajduje się przykład tego, co zrobiłem. Jednak odcina obraz i pokazuje tylko około połowy.

 

GrabzIt („KLUCZ APLIKACJI”). ConvertPage ({
„target”: „#paddAroundExport”,
„opóźnienie”: 3000,
„format”: „png”,
„przezroczysty”: 1,
„bheight”: -1,
„wysokość”: -1,
„szerokość”: -1
}). AddTo („finalImageID”);

Odpowiedział Josh Wiley 10 września 2019 r

Cześć Josh,

W pierwszym pytaniu możesz ustawić rozmiar przeglądarki na 500 od 300. Następnie ustaw większą szerokość na powiększ to.

Więcej informacji znajduje się w powiązanym artykule.

Na twoim drugim point, czy można spojrzeć na stronę, z którą masz problemy?

Odpowiedział Josh Wiley 10 września 2019 r

OK, widzę, jak teraz działa skalowanie dla ConvertHTML. Dzięki, to jest bardzo pomocne. Byłem trochę zdezorientowany tym, jaka była wysokość i szerokość. Jestem bardzo blisko korzystania z ConverHTML, ale kilka rzeczy wciąż jest wyłączonych. Ta opcja może być dla mnie trudna, ponieważ wszystkie arkusze stylów muszą być dostępne, co jest dla mnie trudne, ponieważ muszę przetestować moją wersję lokalną, aby ją przetestować.

 

Opcja ConverPage wydaje się być najlepsza, ale jestem trochę dalej od uruchomienia tej opcji. Większość tego, co robię, odbywa się lokalnie lub za logowaniem. Czy zrzuty ekranu pomogłyby? Może mógłbym wysłać Ci kilka zrzutów ekranu? Jeśli nie, mogę użyć czegoś takiego jak JSFiddel, aby spróbować odtworzyć problem.

Podziękowania

 

Odpowiedział Josh Wiley 10 września 2019 r

Czy nadal nie możesz odwoływać się do CSS za pomocą bezwzględnych adresów URL? np. https://www.example.com/styles/main.css

Zrzut ekranu nie pomógłby w wiele niefortunny sposób, ponieważ nie bylibyśmy w stanie dowiedzieć się, dlaczego przechwytuje on tylko część div. Jeśli możesz umieścić go w osobnym pliku HTML lub JSFiddle, abyśmy mogli zobaczyć problem. Mamy nadzieję, że będziemy w stanie to naprawić lub doradzić.

Odpowiedział GrabzIt Support 10 września 2019 r

Jeśli chodzi o CapturePage, właśnie ujawniłem, na czym polega problem. Metoda CapturePage musi mieć dostęp do wszystkich publicznie dostępnych zasobów zgodnie z opisem w ten artykuł.

Odpowiedział GrabzIt Support 10 września 2019 r

OK, utknąłem na tym, jaka jest moja najlepsza opcja. Myślę, że nadal nie do końca rozumiem, co muszę zrobić. Wygląda na to, że jedyną opcją, jaką mam, aby to działało na moim lokalnym, jest użycie ConvertHTML. Czy to jest poprawne?

Nie jestem pewien, czy to zrobisz, ale czy byłbym w stanie połączyć się z tobą na krótko przez Zoom? Jeśli uda mi się sprawić, by działało tak, jak tego potrzebuję, przejdę na wersję Enterprise. Jestem nawet gotów od razu przejść na Enterprise, jeśli chcesz wskoczyć na Zoom (mogę to ustawić). Myślę, że tak save oboje mamy czas, abyśmy mogli zatrzymać się tam iz powrotem. 

 

Odpowiedział Josh Wiley 10 września 2019 r

Ok, nie użyłem tego wcześniej, ale spróbuję.

Czy możesz wysłać szczegóły za pośrednictwem naszego Formularz kontaktowy.

Odpowiedział GrabzIt Support 10 września 2019 r

Dziękuję za pomoc dzisiaj. Udało mi się sprawić, że zadziała z twoją pomocą i jednym dodatkowym szczegółem. Dodałem div, który zawinął się wokół treści, które wysłałem przez convertHTML i użyj opcji target, aby uzyskać ten konkretny div. Dzięki temu działało idealnie. 

Zrozumiałem, co się dzieje, kiedy utworzyłem stronę testową z dokładną treścią, którą wysyłałem za pomocą ConvertHTML. Przechwycony obraz przechwytywał tag body, który wydaje się być dodany przez przeglądarkę, mimo że go nie wysyłałem. Nie jestem pewien, czy to moja wina, czy błąd w GrabzIt, ale chciałem o tym wspomnieć na wypadek, gdyby był to błąd.

Odpowiedział Josh Wiley 10 września 2019 r