Инструменты для захвата и конвертирования Интернета
Интернет-сообщество GrabzIt

Использование GrabzIt JavaScript на локальном

Есть ли способ для меня использовать GrabzIt javascript на моей локальной и / или странице, которая не является общедоступной?

 

Спасибо

На вопрос Джоша Уайли 9 сентября 2019 года

Да, просто позвоните с локального хоста или даже из HTML-файла, и он будет работать. Пожалуйста, скажите мне, если у вас есть какие-либо проблемы.

Ответ от GrabzIt Support 9 сентября 2019 г.

Хорошо, спасибо. Я начинаю понимать это немного больше. Я читал эту страницу: https://grabz.it/support/?uniqueId=html-tips.

Пара вопросов по этому поводу:

1) Если я использую ConvertHTML, нужен ли CSS внутри Div, на котором я пытаюсь сделать снимок экрана? Или допустимо иметь таблицы стилей вне этого Div?

2) Некоторые шрифты, которые я пытаюсь сделать на скриншоте, не отображаются с правильным шрифтом. Шрифты обрабатываются по-разному?

Ответ Джоша Уайли 9 сентября 2019 года

ConvertHtml может конвертировать string HTML вы можете включить CSS, но если вы этого не сделаете, вам нужно будет убедиться, что любая внешняя таблица стилей использует абсолютные URL.

Шрифты должны работать, если на них правильно ссылаются, используя абсолютные URL и т. Д. В CSS.

Ответ от GrabzIt Support 9 сентября 2019 г.

Спасибо. Другой вопрос. Есть ли способ увеличить окончательное изображение, не оставляя пустого места справа и снизу?  

Например, я пытаюсь сделать снимок экрана Div, который является 500x300, но я хочу увеличить его до 750x450. Когда я устанавливаю ширину 750 и высоту 450, он создает изображение 750x450, но div, на котором я делаю снимок экрана, отображается только как изображение 500x300, а остальное пространство остается пустым.

 

Спасибо

Ответ Джоша Уайли 10 сентября 2019 года

Кроме того, я пробовал ConvertPage, и он тоже не работает, но с другими результатами. Ниже приведен пример того, что я сделал. Оно обрезает изображение и показывает только половину изображения.

 

GrabzIt («Ключ приложения»). ConvertPage ({
"target": "#paddAroundExport",
«задержка»: 3000,
"format": "png",
«прозрачный»: 1,
"Bheight": -1,
"высота": -1,
"ширина": -1
}) AddTo ( "finalImageID").

Ответ Джоша Уайли 10 сентября 2019 года

Привет, Джош,

Для вашего первого вопроса вы можете установить размер браузера 500 от 300. Затем установите большую ширину увеличить его.

В связанной статье есть больше информации.

На твоем втором роintМожно ли посмотреть на страницу, с которой у вас проблемы?

Ответ Джоша Уайли 10 сентября 2019 года

Хорошо, теперь я вижу, как работает масштабирование для ConvertHTML. Спасибо, это очень полезно. Я был немного смущен тем, что были bheight и bwidth. Я очень близко подошел к использованию ConverHTML, но некоторые вещи все еще не работают. Этот вариант может быть сложным для меня, потому что все таблицы стилей должны быть доступны, что мне сложно сделать, так как мне нужно поработать над локальной версией, чтобы проверить ее.

 

Вариант ConverPage кажется мне лучшим, но я немного далек от того, чтобы заставить его работать. Большая часть того, что я делаю, происходит на моем локальном компьютере или под логином. Могли бы помочь скриншоты? Может, я пришлю вам скриншоты по электронной почте? Если нет, я могу использовать что-то вроде JSFiddel, чтобы попытаться воссоздать проблему.

Спасибо

 

Ответ Джоша Уайли 10 сентября 2019 года

Не можете ли вы до сих пор ссылаться на CSS с абсолютными URL? например, https://www.example.com/styles/main.css

Снимок экрана не очень поможет, так как мы не сможем понять, почему он только захватывает часть div. Если вы можете поместить его в отдельный HTML-файл или JSFiddle, чтобы мы могли увидеть проблему. Мы надеемся, что сможем исправить или проконсультировать по этому поводу.

Ответ от GrabzIt Support 10 сентября 2019 г.

Что касается CapturePage, я только что опубликовал, в чем проблема. Метод CapturePage должен иметь доступ к любым общедоступным ресурсам, как описано в этой статье.

Ответ от GrabzIt Support 10 сентября 2019 г.

Хорошо, я застрял на том, что мой лучший вариант здесь. Думаю, я до сих пор не совсем понимаю, что мне нужно делать. Похоже, что единственный вариант, чтобы это работало на моем локальном компьютере, - это использовать ConvertHTML. Это верно?

Не уверен, что вы сделаете это, но смогу ли я кратко связаться с вами через Zoom? Если я смогу заставить это работать так, как мне нужно, я буду обновляться до Enterprise. Я даже готов сразу перейти на Enterprise, если вы хотите перейти на Zoom (я могу его настроить). Я думаю это будет save мы оба времени, чтобы мы могли остановить взад и вперед. 

 

Ответ Джоша Уайли 10 сентября 2019 года

Хорошо, я не использовал это раньше, но я попробую.

Пожалуйста, вы можете отправить подробности через наш Форма обратной связи.

Ответ от GrabzIt Support 10 сентября 2019 г.

Спасибо за помощь сегодня. Я смог заставить его работать с вашей помощью и с одной дополнительной деталью. Я добавил div, который оборачивается вокруг содержимого, которое я отправил через convertHTML, и использую целевой параметр, чтобы получить этот конкретный div. Это сделало это отлично работает. 

Я понял, что происходит, когда создал тестовую страницу с точным содержимым, которое отправлял через ConvertHTML. Захваченное изображение захватывает тег тела, который, кажется, добавлен браузером, хотя я его не отправлял. Не уверен, что это моя вина или ошибка в GrabzIt, но хотел упомянуть об этом на случай, если это ошибка.

Ответ Джоша Уайли 10 сентября 2019 года