HeadlessChrome101: كيف يحول Jit-Browser متصفح Chrome إلى متصفح متعدد الوظائف - طبقة متصفح-خادم

من أداة لقطة شاشة بسيطة إلى Jit-Browser

بدأنا بأداة صغيرة لسطر الأوامر: getpage https://example.com page.png. لقد شغلت Chrome في حاوية Docker، وأخذت لقطة شاشة للموقع example.com المعروض من الصفحة، وخرجت.

إثبات مفهوم مفيد. كل استدعاء كان بداية باردة. لم يكن يعرف شيئًا عن الترجمة أو الجلسات أو الحالة. كان مجرد كاميرا بدون واجهة.

Jit-Browser هو الخطوة التالية. لا يزال يستخدم Chrome الحقيقي، ولكن الآن:

• يسجل ما يحدث داخل الصفحة.
• يحقن نص Jit-TR كطبقة ترجمة.
• يمكنه متابعة التدفقات البسيطة مثل لافتات الكوكيز أو القوائم المنسدلة.
• يلتقط HTML المترجم بالكامل، وليس مجرد لقطة شاشة.

تشرح هذه الصفحة تلك العملية حتى تتمكن من رؤية أننا لا نلوح باليد. نحن نظهر كيف يمكن أن تعمل طبقة متعددة اللغات على مستوى المتصفح بالفعل.

عملية Jit-Browser في 6 خطوات

على مستوى عالٍ، يتبع كل التقاط نفس التسلسل.

1. تشغيل Chrome الحقيقي (بدون واجهة) داخل Docker.
   نستخدم Puppeteer (pptr.dev) لبدء نفس المحرك الذي يشغل المتصفحات العادية، ولكن بدون نافذة مرئية. لا محلل مخصص، لا عرض زائف.
2. تطبيق الكوكيز أو حالة تسجيل الدخول (إذا تم تكوينها).
   للعروض التوضيحية التي تحتاج إلى جلسة تسجيل دخول، نعيد تشغيل الكوكيز الخاصة بك. لا قوة غاشمة، لا تخمين كلمات المرور، لا حسابات تجريف لا نتحكم فيها.
3. تحميل الصفحة المستهدفة تمامًا مثل المستخدم.
   HTML، CSS، JavaScript، الخطوط، الصور. ننتظر networkidle2 (https://pptr.dev/api/puppeteer.page.waitfornetworkidle) حتى تنتهي الحزم البطيئة والخطوط من التحميل.
4. حقن مقتطف Jit-TR كطبقة.
   نضيف علامة نص تشير إلى كود بيئة التشغيل الخاصة بنا قيد الانتظار للحصول على براءة اختراع - على سبيل المثال: