استخدام جافا سكريبت GrabzIt على المستوى المحلي
اطرح أسئلة حول كيفية التقاط أو تحويل صفحات الويب أو HTML into الصور أو ملفات CSV أو PDF أو DOCX وكذلك حول كيفية تحويل مقاطع الفيديو intس المتحركة GIF باستخدام API لدينا.
هل هناك طريقة يمكنني من خلالها استخدام GrabzIt javascript على صفحتي المحلية و/أو الصفحة غير العامة؟
شكر
نعم، فقط اتصل به من المضيف المحلي أو حتى من ملف html وسيعمل. من فضلك قل لي إذا كان لديك أي مشاكل.
حسنا، شكرا. لقد بدأت أفهم هذا أكثر قليلاً. كنت أقرأ هذه الصفحة: https://grabz.it/support/article/html-tips/.
بضعة أسئلة حول هذا:
1) إذا كنت أستخدم ConvertHTML، فهل يجب أن يكون CSS داخل Div الذي أحاول التقاط لقطة شاشة له؟ أم أنه من المقبول أن يكون لديك أوراق أنماط خارج Div؟
2) بعض الخطوط التي أحاول التقاط لقطة شاشة لها، لا تظهر بالخط الصحيح. هل يتم التعامل مع الخطوط بشكل مختلف؟
يمكن لـ ConvertHtml تحويل ملف string من HTML، يمكنك تضمين CSS ولكن إذا لم تقم بذلك، فستحتاج إلى التأكد من أن أي ورقة أنماط خارجية تستخدم عناوين URL المطلقة.
يجب أن تعمل الخطوط إذا تمت الإشارة إليها بشكل صحيح باستخدام عناوين URL المطلقة وما إلى ذلك في CSS.
شكرًا. سؤال آخر. هل هناك طريقة لتكبير الصورة النهائية دون وجود مساحة فارغة على اليمين والأسفل؟
على سبيل المثال، أحاول التقاط لقطة شاشة لـ Div بحجم 500 × 300 ولكني أريد توسيع نطاقها إلى 750 × 450. عندما أقوم بتعيين العرض على 750 والارتفاع على 450، يتم إنشاء صورة بحجم 750 × 450 ولكن القسم الذي ألتقط لقطة شاشة له يظهر فقط كصورة مقاس 500 × 300 وبقية المساحة فارغة.
شكر
أيضًا، لقد قمت بتجريب برنامج ConvertPage ولم يعمل أيضًا، ولكن بنتائج مختلفة. وفيما يلي مثال على ما فعلته. ولكنه يقطع الصورة ويظهر نصفها فقط.
GrabzIt("مفتاح التطبيق").ConvertPage({
"target": "#paddAroundExport",
"التأخير": 3000،
"التنسيق": "png"،
"شفاف": 1،
"الارتفاع": -1،
"الارتفاع": -1،
"العرض": -1
}).AddTo("finalImageID");
مرحبا جوش،
بالنسبة لسؤالك الأول، يمكنك ضبط حجم المتصفح على 500 × 300. ثم قم بتعيين العرض الأكبر على رفع مستوى ذلك.
هناك المزيد من المعلومات في المقالة المرتبطة.
على بو الخاص بك الثانيintهل من الممكن إلقاء نظرة على الصفحة التي تواجه مشاكل معها؟
حسنًا، أرى كيف يعمل التوسيع الآن لـ ConvertHTML. شكرا، هذا مفيد جدا. لقد كنت في حيرة من أمري بشأن ماهية الارتفاع والعرض. لقد اقتربت حقًا من استخدام ConverHTML ولكن لا تزال هناك بعض الأشياء غير مكتملة. قد يكون هذا الخيار صعبًا بالنسبة لي لأنه يجب أن تكون جميع أوراق الأنماط قابلة للوصول، وهو أمر يصعب علي القيام به لأنني بحاجة إلى العمل على الإصدار المحلي الخاص بي لاختباره.
يبدو أن خيار ConverPage هو أفضل ما لدي ولكنني بعيد قليلاً عن تشغيل هذا الخيار. معظم ما أفعله يتم عبر تسجيل الدخول المحلي أو من خلال تسجيل الدخول. هل لقطات الشاشة ستساعد؟ ربما يمكنني أن أرسل لك بعض لقطات الشاشة عبر البريد الإلكتروني؟ إذا لم يكن الأمر كذلك، فربما يمكنني استخدام شيء مثل JSFiddel لمحاولة إعادة إنشاء المشكلة.
شكر
ألا يزال بإمكانك الإشارة إلى CSS باستخدام عناوين URL المطلقة؟ على سبيل المثال https://www.example.com/styles/main.css
لن تساعد لقطة الشاشة كثيرًا للأسف لأننا لن نكون قادرين على معرفة سبب التقاطها لجزء من القسم فقط. إذا كان بإمكانك وضعه في ملف HTML منفصل أو ملف JSFiddle حتى نتمكن من رؤية المشكلة. نأمل أن نتمكن من إصلاحه أو تقديم المشورة بشأنه.
بخصوص CapturePage لقد قمت للتو بإصدار ما هي المشكلة. تحتاج طريقة CapturePage إلى الوصول إلى أي موارد متاحة للعامة كما هو موضح في هذا المقال.
حسنًا، أنا عالق في خياري الأفضل هنا. أعتقد أنني ما زلت لا أفهم تمامًا ما يجب علي فعله. يبدو أن الخيار الوحيد المتاح لي للعمل على جهازي المحلي هو استخدام ConvertHTML. هل هذا صحيح؟
لست متأكدًا من قيامك بذلك، ولكن هل من الممكن أن أتواصل معك عبر Zoom لفترة وجيزة؟ إذا تمكنت من جعل هذا يعمل كما أحتاج إليه، فسوف أقوم بالترقية إلى Enterprise. بل إنني على استعداد للترقية إلى Enterprise على الفور إذا كنت على استعداد للانتقال إلى Zoom (يمكنني إعداده). أعتقد أن هذا من شأنه save لنا على حد سواء حتى نتمكن من وقف ذهابا وإيابا.
حسنًا، لم أستخدم ذلك من قبل ولكني سأجربه.
من فضلك يمكنك إرسال التفاصيل من خلال موقعنا نموذج الاتصال.
شكرا للمساعدة اليوم. لقد تمكنت من تشغيله بمساعدتك وتفاصيل إضافية واحدة. لقد أضفت div ملتفًا حول المحتوى الذي أرسلته عبر ConvertHTML واستخدم الخيار الهدف للحصول على div المحدد. وهذا جعلها تعمل على أكمل وجه.
أدركت ما كان يحدث عندما أنشأت صفحة اختبار بالمحتوى الدقيق الذي كنت أرسله عبر ConvertHTML. كانت الصورة الملتقطة تلتقط علامة الجسم التي يبدو أنها تمت إضافتها بواسطة المتصفح، على الرغم من أنني لم أرسل واحدة. لست متأكدًا مما إذا كان هذا خطأي أو خطأ في GrabzIt ولكني أردت أن أذكره في حالة وجود خطأ.