HeadlessChrome101: Ինչպես Jit-Browser-ը Chrome-ը վերածում է լիարժեք բազմաֆունկցիոնալ բրաուզերի–Սերվեր-Բրաուզեր շերտ

Սա պարզ լեզվով քայլ առ քայլ ուղեցույց է, թե ինչ է անում Jit-Browser-ը գլխազուրկ Chrome-ով, ինչպես է օգտագործում սեփական Jit-TR ժամանակի գործարկումը և ինչ է դեռ անհրաժեշտ, որպեսզի սա լինի առաջին կարգի բրաուզերի հատկություն, այլ ոչ թե պարզապես մեկ այլ սցենար:

Սովորական էկրանի նկարչից մինչև Jit-Browser

Մենք սկսեցինք փոքր հրամանային տողի գործիքով: getpage https://example.com page.png. Այն սկսեց Chrome-ը Docker կոնտեյնում, վերցրեց էկրանի նկարը rendered example.com-ից էջից և դուրս եկավ:

Օգտակար գաղափարի ապացույց: Յուրաքանչյուր զանգ էր սառը մեկնարկ: Այն ոչինչ չգիտեր թարգմանության, նստաշրջանների կամ վիճակի մասին: Դա պարզապես գլխազուրկ տեսախցիկ էր:

Jit-Browser-ը հաջորդ քայլն է: Այն դեռ օգտագործում է իրական Chrome, բայց հիմա:

Այն գրանցում է, թե ինչ է տեղի ունենում էջի ներսում:
Այն ներարկում է Jit-TR սցենարը որպես թարգմանության շերտ:
Այն կարող է հետևել պարզ հոսքերին, ինչպիսիք են կուքի բլոկները կամ իջեցվողները:
Այն բռնում է ամբողջովին թարգմանված HTML-ը, ոչ միայն էկրանի նկարը:

Այս էջը բացատրում է այդ խողովակը, որպեսզի կարողանաք տեսնել, որ մենք չենք ձեռնպահվում: Մենք ցույց ենք տալիս, թե ինչպես կարող է բրաուզերի մակարդակի բազմալեզու շերտը իրականում աշխատել:

Jit-Browser-ի խողովակը 6 քայլով

Բարձր մակարդակում, յուրաքանչյուր բռնում հետևում է նույն հաջորդականությանը:

Արձակել իրական Chrome (գլխազուրկ) Docker-ի ներսում:
Մենք օգտագործում ենք Puppeteer (pptr.dev), որպեսզի սկսենք նույն շարժիչը, որը սնուցում է սովորական բրաուզերները, բայց առանց տեսանելի պատուհանի: Ոչ մի հատուկ վերլուծիչ, ոչ մի կեղծ ներկայացում:
Կիրառել կուքի կամ մուտքի վիճակը (եթե կարգավորված է):
Դեմոների համար, որոնք պահանջում են մուտքագրված նստաշրջան, մենք կրկնում ենք ձեր կուքի: Ոչ մի ուժային ուժ, ոչ մի գաղտնաբառի գուշակություն, ոչ մի հաշիվների քերիչ, որոնք մենք չենք վերահսկում:
Բեռնել նպատակային էջը ճիշտ այնպես, ինչպես օգտվողը:
HTML, CSS, JavaScript, տառատեսակներ, պատկերներ: Մենք սպասում ենք networkidle2 (https://pptr.dev/api/puppeteer.page.waitfornetworkidle), որպեսզի դանդաղ փաթեթները և տառատեսակները կարողանան ավարտել բեռնման գործընթացը:
Ներարկել Jit-TR կրճատումը որպես շերտ:
Մենք ավելացնում ենք սցենարի պիտակ, որը ցույց է տալիս մեր արտոնագրված ժամանակի գործարկման կոդը – օրինակ: