
Ինչպե՞ս կատարել կայքի էկրանային պատկերը հատուկ չափսերով ՝ օգտագործելով Google Chrome- ը
Եթե դուք գործակալություն կամ ընկերություն եք, որն ունի կայքերի կամ էջերի պորտֆոլիո, որոնցով ցանկանում եք համօգտագործել առցանց, դուք, հավանաբար, անցել եք յուրաքանչյուր կայքի միատեսակ սքրինշոթեր նկարելու փորձի միջով:
Հաճախորդներից մեկը, որի հետ մենք աշխատում ենք, կառուցում է ներտնտեսային լուծումներ, որոնք կարող են ներքին տեղակայվել ընկերության սահմաններում: Ինտրանետները աներևակայելիորեն օգտակար են ընկերություններին ընկերության նորությունները հաղորդելու, մարքեթինգային տեղեկատվություն տարածելու, օգուտների մասին տեղեկատվություն տրամադրելու համար և այլն:
Մենք օգնեցինք այս հաճախորդին տեղափոխել իր Ինտրանետ լուծումների արտադրանքը իր մայր ընկերության կայքից: Դա ընդարձակ նախագիծ էր, որն իր մեջ ներառում էր ամեն ինչ՝ սկսած նոր սոցիալական պրոֆիլներ ստեղծելուց, Marketo-ի թարմացումից և այնուհետև ապամոնտաժելուց որոշ հատուկ մշակումներ, որոնք նրանք արել էին իրենց կայքերը համատեղելու համար:
Կարևորագույն քայլից մեկն այն էր, որ մենք ունենայինք իրենց հաճախորդների ինտրանետ կայքերի հիանալի արտադրանքի նկարներ, որոնք հայտնի էին իրենց նոր կայքում: Մենք ցանկանում էինք ապահովել, որ յուրաքանչյուր սքրինշոթը հետևողականորեն նույն լայնությունն ու բարձրությունն է ամբողջ կայքում: Սա կարող է դժվար լինել… քանի դեռ չեք օգտագործում Google Chrome-ը:
Հաճախորդի սքրինշոթերը Google Chrome- ի միջոցով
Դուք կարող եք դա չհասկանալ, բայց կարող եք կատարյալ սքրինշոթեր նկարել Google Chrome-ի ներկառուցված մշակողների հզոր գործիքների միջոցով: Հետաքրքիր է, որ չնայած իր զարմանալի ճկունությանը, դա այնքան էլ հայտնի հատկանիշ չէ: Հատկանիշը նաև թույլ է տալիս լուսանկարել ձեր ռեսպոնսիվ կայքը հատուկ չափսերի և էկրանի չափերի համար:
Ահա մի արագ վիդեո ձեռնարկ, թե ինչպես կատարել վեբ էջի կատարյալ, հատուկ չափի սքրինշոթ՝ օգտագործելով Google Chrome-ը:
Քայլեր Google Chrome- ով սքրինշոթ նկարելու համար
Google Chrome-ի Developer Tools-ը կարող է նախադիտել կայքը՝ օգտագործելով իր սարքի գործիքագոտին: Գործիքը ստեղծվել է այնպես, որ մշակողները կարողանան տեսնել, թե ինչպես է կայքը նայում տարբեր տեսադաշտերի չափերով տարբեր սարքերում… բայց այն նաև կատարյալ միջոց է վեբ էջի կատարյալ չափի սքրինշոթ ստանալու համար:
Այս դեպքում, մենք ցանկանում ենք, որ հաճախորդի հիմնական հաճախորդներից յուրաքանչյուրն այն ոլորտներում, որոնք կառուցել են գեղեցիկ Ինտրանետ կայքեր, նկարեն սքրինշոթ, որպեսզի կարողանանք դրանք բոլորը ցուցադրել իրենց վեբկայքում պորտֆոլիոյի մեջ: Մենք ցանկանում ենք, որ էջերը լինեն ուղիղ 1200px լայնությամբ և 800px բարձրությամբ: Դա անելու համար.
- Նավիգացիայի ծայրահեղ աջ կոճակում (3 ուղղաձիգ կետ) ընտրեք Անհատականացրեք և վերահսկեք ընտրացանկը.

- ընտրել Լրացուցիչ գործիքներ> Մշակողի գործիքներ

- Փոխարկել Սարքի Գործիքադարակը բերել սարքի ընտրանքներն ու չափերը:

- Սահմանեք առաջին տարբերակը ՝ Արագ արձագանքում, ապա չափերը դրեք 1200 x 800 և սեղմեք enter: Էջն այժմ կցուցադրվի այդ չափսերով:

- Սարքի Գործիքադարակի աջ կողմում կտտացրեք նավիգացիայի կոճակին (3 ուղղաձիգ կետ) և ընտրեք Սևեռել նկարը.

- Google Chrome- ը կատարյալ սքրինշոթ կվերցնի և կթողնի ձեր մեջ Ներբեռնումներ թղթապանակ, որտեղ կարող եք կցել և ուղարկել էլ. Համոզվեք, որ չընտրեք ամբողջական չափի սքրինշոթներ, քանի որ դա կխլի ամբողջ էջի երկարությունը և անտեսում է ձեր բարձրության սահմանը:
Google Chrome ստեղնաշարի դյուրանցումներ սքրինշոթերի համար
Եթե դուք ստեղնաշարի դյուրանցումների վարպետ եք, կարող եք ամբողջ էջի սքրինշոթ անել այս դյուրանցումներով: Ինձ դուր չի գալիս այս մոտեցումը, քանի որ ես չեմ կարող սահմանել տեսադաշտի առավելագույն բարձրությունը… բայց այն հարմար է, եթե երբևէ ձեզ անհրաժեշտ լինի ամբողջ էջի սքրինշոթը:
Ստեղնաշարի դյուրանցումներ (Mac)
1. Alt + Command + I
2. Command + Shift + P
Ստեղնաշարի դյուրանցումներ (Win / Linux)
1. Ctrl + Shift + I
2. Ctrl + Shift + P