Jak pořídit snímek obrazovky webu se specifickými rozměry pomocí Google Chrome

Jak pořídit snímek obrazovky v prohlížeči Google Chrome

Pokud jste agentura nebo společnost, která má portfolio webů nebo stránek, které chcete sdílet online, pravděpodobně jste prošli snahou zachytit uniformu screenshoty každého z těchto serverů.

Jeden z klientů, se kterými pracujeme, je hostitelem sestavení Intranetová řešení které mohou být interně hostovány v mezích společnosti. Intranety jsou pro společnosti neuvěřitelně užitečné pro komunikaci o novinkách společnosti, distribuci marketingových informací, poskytování informací o výhodách atd.

Pomohli jsme společnosti OnSemble migrovat jejich intranetové řešení z webu jejich mateřské společnosti. Jednalo se o rozsáhlý projekt, který zahrnoval vše od budování nových sociálních profilů, aktualizace Marketo a poté demontáže některých vlastních vývojů, které v minulosti udělali, aby spojili své stránky.

Screenshoty klienta s Google Chrome

Možná si to neuvědomujete, ale pomocí integrované sady robustních vývojářských nástrojů Google Chrome můžete pořizovat perfektní snímky obrazovky. Zajímavé je, že to není příliš známá funkce, přestože má úžasnou flexibilitu.

Zde je rychlý videonávod, jak pomocí Google Chrome pořídit dokonalý snímek konkrétní webové stránky o konkrétní velikosti:

Kroky k pořízení snímku obrazovky v prohlížeči Google Chrome

Nástroje pro vývojáře Google Chrome mají možnost zobrazit náhled webu pomocí jeho panelu nástrojů zařízení. Tento nástroj byl vytvořen tak, aby vývojáři mohli vidět, jak web vypadal v různých velikostech výřezů napříč různými zařízeními ... ale stane se také dokonalým způsobem, jak získat dokonale velký snímek webové stránky.

V tomto případě chceme, aby každý z klíčových klientů OnSemble napříč průmyslovými odvětvími, která vytvořila krásné intranetové weby, pořídil snímek obrazovky, abychom je mohli všechny zobrazit v rámci portfolia na jejich webu. Chceme, aby stránky byly široké 1200px a vysoké 800px. K dosažení tohoto cíle:

  1. V navigačním tlačítku zcela vpravo (3 svislé tečky) vyberte ikonu Nabídka přizpůsobení a ovládání.

Nabídka Nástroje pro vývojáře v prohlížeči Google Chrome

  1. vybrat Další nástroje> Nástroje pro vývojáře

Nástroje pro vývojáře s Google Chrome

  1. Přepínejte Panel nástrojů zařízení vychovávat možnosti a rozměry zařízení.

Přepnout lištu zařízení pomocí Google Chrome

  1. Nastavte první možnost na Citlivý, poté nastavte rozměry na 1200 800 x XNUMX a stiskněte klávesu Enter. Stránka se nyní zobrazí s těmito rozměry.

Panel nástrojů responzivního zařízení Google Chrome

  1. Na pravé straně panelu nástrojů zařízení klikněte na navigační tlačítko (3 svislé tečky) a vyberte Snímání snímku.

Pořiďte snímek obrazovky pomocí Google Chrome

  1. Google Chrome pořídí dokonalý snímek obrazovky a umístí jej do vašeho Ke stažení složku, kam jej můžete připojit a odeslat e-mailem. Nezapomeňte vybrat snímek obrazovky v plné velikosti, protože to zabere celou délku stránky a bude ignorovat váš výškový limit.

Klávesové zkratky Google Chrome pro snímky obrazovky

Pokud jste mistrem klávesových zkratek, můžete také pomocí těchto zkratek pořídit celostránkový snímek obrazovky. Nelíbí se mi tento přístup, protože nemohu nastavit maximální výšku výřezu ... ale přijde vhod, pokud jste někdy potřebovali snímek celé stránky.

Klávesové zkratky na počítači Mac:

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

Klávesové zkratky v systému Windows nebo Linux:

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

Co si myslíte?

Tyto stránky používají Akismet k omezení spamu. Zjistěte, jak jsou vaše údaje komentářů zpracovávány.