Շուկայավարման գործիքներContent MarketingՇուկայավարման և վաճառքի տեսանյութեր

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

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

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

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

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

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

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

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

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

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

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

  1. Նավիգացիայի ծայրահեղ աջ կոճակում (3 ուղղաձիգ կետ) ընտրեք Անհատականացրեք և վերահսկեք ընտրացանկը.
Մշակողի գործիքների ընտրացանկ Google Chrome- ի միջոցով
  1. ընտրել Լրացուցիչ գործիքներ> Մշակողի գործիքներ
Մշակողի գործիքներ Google Chrome- ի միջոցով
  1. Փոխարկել Սարքի Գործիքադարակը բերել սարքի ընտրանքներն ու չափերը:
Անցեք Սարքի Գործիքադարակը Google Chrome- ի միջոցով
  1. Սահմանեք առաջին տարբերակը ՝ Արագ արձագանքում, ապա չափերը դրեք 1200 x 800 և սեղմեք enter: Էջն այժմ կցուցադրվի այդ չափսերով:
Պատասխանող սարքի գործիքագոտի Google Chrome
  1. Սարքի Գործիքադարակի աջ կողմում կտտացրեք նավիգացիայի կոճակին (3 ուղղաձիգ կետ) և ընտրեք Սևեռել նկարը.
Լուսանկարեք սքրինշոթը Google Chrome- ով
  1. Google Chrome- ը կատարյալ սքրինշոթ կվերցնի և կթողնի ձեր մեջ Ներբեռնումներ թղթապանակ, որտեղ կարող եք կցել և ուղարկել էլ. Համոզվեք, որ չընտրեք ամբողջական չափի սքրինշոթներ, քանի որ դա կխլի ամբողջ էջի երկարությունը և անտեսում է ձեր բարձրության սահմանը:

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

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

Ստեղնաշարի դյուրանցումներ (Mac)

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

Ստեղնաշարի դյուրանցումներ (Win / Linux)

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

Douglas Karr

Douglas Karr հիմնադիրն է Martech Zone և թվային փոխակերպման ճանաչված փորձագետ: Դուգլասը օգնել է հիմնել մի քանի հաջողակ MarTech ստարտափներ, օգնել է ավելի քան 5 միլիարդ ԱՄՆ դոլարի չափով ուսումնասիրություն կատարել Martech-ի ձեռքբերումների և ներդրումների համար և շարունակում է գործարկել իր սեփական հարթակներն ու ծառայությունները: Նա համահիմնադիր է Highbridge, թվային փոխակերպման խորհրդատվական ընկերություն։ Դուգլասը նաև հրատարակված է Dummie's ուղեցույցի և բիզնեսի առաջնորդության գրքի հեղինակ:

Ինչ եք կարծում?

Այս կայքը օգտագործում է Akismet- ը սպամի նվազեցման համար: Իմացեք, թե ինչպես է ձեր տվյալները մշակվում.

Առնչվող հոդվածներ