Ինչպե՞ս կատարել կայքի էկրանային պատկերը հատուկ չափսերով ՝ օգտագործելով Google Chrome- ը

Եթե ​​դուք գործակալություն կամ ընկերություն եք, որն ունի կայքերի կամ էջերի պորտֆոլիո, որոնցով ցանկանում եք համօգտագործել առցանց, դուք, հավանաբար, անցել եք յուրաքանչյուր կայքի միատեսակ սքրինշոթեր նկարելու փորձի միջով:

Հաճախորդներից մեկը, որի հետ մենք աշխատում ենք, կառուցում է ներտնտեսային լուծումներ, որոնք կարող են ներքին տեղակայվել ընկերության սահմաններում: Ինտրանետները աներևակայելիորեն օգտակար են ընկերություններին ընկերության նորությունները հաղորդելու, մարքեթինգային տեղեկատվություն տարածելու, օգուտների մասին տեղեկատվություն տրամադրելու համար և այլն:

Մենք օգնեցինք այս հաճախորդին տեղափոխել իր Ինտրանետ լուծումների արտադրանքը իր մայր ընկերության կայքից: Դա ընդարձակ նախագիծ էր, որն իր մեջ ներառում էր ամեն ինչ՝ սկսած նոր սոցիալական պրոֆիլներ ստեղծելուց, Marketo-ի թարմացումից և այնուհետև ապամոնտաժելուց որոշ հատուկ մշակումներ, որոնք նրանք արել էին իրենց կայքերը համատեղելու համար:

Կարևորագույն քայլից մեկն այն էր, որ մենք ունենայինք իրենց հաճախորդների ինտրանետ կայքերի հիանալի արտադրանքի նկարներ, որոնք հայտնի էին իրենց նոր կայքում: Մենք ցանկանում էինք ապահովել, որ յուրաքանչյուր սքրինշոթը հետևողականորեն նույն լայնությունն ու բարձրությունն է ամբողջ կայքում: Սա կարող է դժվար լինել… քանի դեռ չեք օգտագործում Google Chrome-ը:

Հաճախորդի սքրինշոթերը Google Chrome- ի միջոցով

Դուք կարող եք դա չհասկանալ, բայց կարող եք կատարյալ սքրինշոթեր նկարել Google Chrome-ի ներկառուցված մշակողների հզոր գործիքների միջոցով: Հետաքրքիր է, որ չնայած իր զարմանալի ճկունությանը, դա այնքան էլ հայտնի հատկանիշ չէ: Հատկանիշը նաև թույլ է տալիս լուսանկարել ձեր ռեսպոնսիվ կայքը հատուկ չափսերի և էկրանի չափերի համար:

Ահա մի արագ վիդեո ձեռնարկ, թե ինչպես կատարել վեբ էջի կատարյալ, հատուկ չափի սքրինշոթ՝ օգտագործելով Google Chrome-ը:

Քայլեր Google Chrome- ով սքրինշոթ նկարելու համար

Google Chrome-ի Developer Tools-ը կարող է նախադիտել կայքը՝ օգտագործելով իր սարքի գործիքագոտին: Գործիքը ստեղծվել է այնպես, որ մշակողները կարողանան տեսնել, թե ինչպես է կայքը նայում տարբեր տեսադաշտերի չափերով տարբեր սարքերում… բայց այն նաև կատարյալ միջոց է վեբ էջի կատարյալ չափի սքրինշոթ ստանալու համար:

Այս դեպքում, մենք ցանկանում ենք, որ հաճախորդի հիմնական հաճախորդներից յուրաքանչյուրն այն ոլորտներում, որոնք կառուցել են գեղեցիկ Ինտրանետ կայքեր, նկարեն սքրինշոթ, որպեսզի կարողանանք դրանք բոլորը ցուցադրել իրենց վեբկայքում պորտֆոլիոյի մեջ: Մենք ցանկանում ենք, որ էջերը լինեն ուղիղ 1200px լայնությամբ և 800px բարձրությամբ: Դա անելու համար.

1. Նավիգացիայի ծայրահեղ աջ կոճակում (3 ուղղաձիգ կետ) ընտրեք Անհատականացրեք և վերահսկեք ընտրացանկը.

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

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

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

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

4. Google Chrome- ը կատարյալ սքրինշոթ կվերցնի և կթողնի ձեր մեջ Ներբեռնումներ թղթապանակ, որտեղ կարող եք կցել և ուղարկել էլ. Համոզվեք, որ չընտրեք ամբողջական չափի սքրինշոթներ, քանի որ դա կխլի ամբողջ էջի երկարությունը և անտեսում է ձեր բարձրության սահմանը:

Google Chrome ստեղնաշարի դյուրանցումներ սքրինշոթերի համար

Եթե ​​դուք ստեղնաշարի դյուրանցումների վարպետ եք, կարող եք ամբողջ էջի սքրինշոթ անել այս դյուրանցումներով: Ինձ դուր չի գալիս այս մոտեցումը, քանի որ ես չեմ կարող սահմանել տեսադաշտի առավելագույն բարձրությունը… բայց այն հարմար է, եթե երբևէ ձեզ անհրաժեշտ լինի ամբողջ էջի սքրինշոթը:

1. Alt + Command + I 
2. Command + Shift + P

1. Ctrl + Shift + I 
2. Ctrl + Shift + P