{"id":2328,"date":"2020-09-23T11:23:24","date_gmt":"2020-09-23T10:23:24","guid":{"rendered":"https:\/\/www.sachaheck.net\/blog\/?p=2328"},"modified":"2020-09-24T11:24:41","modified_gmt":"2020-09-24T10:24:41","slug":"screenshot-einer-ganzen-webseite-ohne-plugin","status":"publish","type":"post","link":"https:\/\/www.sachaheck.net\/blog\/allgemeines\/screenshot-einer-ganzen-webseite-ohne-plugin","title":{"rendered":"Screenshot einer ganzen Webseite ohne Plugin"},"content":{"rendered":"<p>Letztens habe ich einen coolen Trick rausgefunden wie man von einer ganzen Webseite bis zum Footer einen Screenshot machen kann. Bisher habe ich daf\u00fcr manchmal Add-ons in Firefox (<a href=\"https:\/\/addons.mozilla.org\/de\/firefox\/addon\/fireshot\/\">Fireshot<\/a>) bzw. Zusatztools in meinem aktuellen Lieblings-Browser <a href=\"https:\/\/brave.com\/\">Brave<\/a> benutzt. Aber man kann das auch ganz ohne Hilfsprogramme machen, man muss nur wissen wo sich die Funktion versteckt. Den kleinen Trick m\u00f6chte ich heute mit euch teilen. Ein Beitrag der k\u00fcrzer ist als \u00fcblich ;)<\/p>\n<p>Die Funktion versteckt sich in den Entwicklertools. In Chrome\/Brave geht man dazu ins Men\u00fc <strong>View &gt; Developer &gt; Developer Tools<\/strong>. Danach \u00f6ffnet sich rechts vom Browser ein Fenster. In diesem musst du nochmal auf die drei vertikalen Punkte klicken (siehe Screenshot) und dann auf \u00bb<strong>Run Command<\/strong>\u00ab.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-2333\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2020\/09\/run-command-2-1.jpg\" alt=\"\" width=\"587\" height=\"443\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2020\/09\/run-command-2-1.jpg 587w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2020\/09\/run-command-2-1-300x226.jpg 300w\" sizes=\"(max-width: 587px) 100vw, 587px\" \/><\/p>\n<p>Danach kann man ins Suchfeld <strong>\u00bbScreen\u00ab<\/strong> eingeben um die Funktionen zu filtern:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-2331\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2020\/09\/full-size-screenshot.jpg\" alt=\"\" width=\"570\" height=\"255\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2020\/09\/full-size-screenshot.jpg 570w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2020\/09\/full-size-screenshot-300x134.jpg 300w\" sizes=\"(max-width: 570px) 100vw, 570px\" \/>&nbsp;<\/p>\n<p>Die Funktion die wir suchen hei\u00dft: <strong>\u00bbCapture full size screenshot\u00ab<\/strong>.<\/p>\n<p>Jetzt wird der Screenshot durchgef\u00fchrt und es erscheint ein Fenster wo man gefragt wird wohin man das Bild abspeichern m\u00f6chte. That\u2019s it :)<\/p>\n<p>&nbsp;<\/p>\n<div class=\"shariff\"><ul class=\"shariff-buttons theme-default orientation-horizontal buttonsize-medium\"><li class=\"shariff-button twitter shariff-nocustomcolor\" style=\"background-color:#1e3050\"><a href=\"https:\/\/twitter.com\/share?url=https%3A%2F%2Fwww.sachaheck.net%2Fblog%2Fallgemeines%2Fscreenshot-einer-ganzen-webseite-ohne-plugin&text=Screenshot%20einer%20ganzen%20Webseite%20ohne%20Plugin\" title=\"Bei X (Twitter) teilen\" aria-label=\"Bei X (Twitter) teilen\" role=\"button\" rel=\"noreferrernoopener nofollow\" class=\"shariff-link\" style=\"; background-color:#000000; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"1em\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 6.4.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2023 Fonticons, Inc. --><style>svg{fill:#ffffff}<\/style><path d=\"M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z\"\/><\/svg><\/span><span class=\"shariff-text\">twittern<\/span>&nbsp;<\/a><\/li><li class=\"shariff-button facebook shariff-nocustomcolor\" style=\"background-color:#4273c8\"><a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fwww.sachaheck.net%2Fblog%2Fallgemeines%2Fscreenshot-einer-ganzen-webseite-ohne-plugin\" title=\"Bei Facebook teilen\" aria-label=\"Bei Facebook teilen\" role=\"button\" rel=\"noreferrernoopener nofollow\" class=\"shariff-link\" style=\"; background-color:#3b5998; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 18 32\"><path fill=\"#3b5998\" d=\"M17.1 0.2v4.7h-2.8q-1.5 0-2.1 0.6t-0.5 1.9v3.4h5.2l-0.7 5.3h-4.5v13.6h-5.5v-13.6h-4.5v-5.3h4.5v-3.9q0-3.3 1.9-5.2t5-1.8q2.6 0 4.1 0.2z\"\/><\/svg><\/span><span class=\"shariff-text\">teilen<\/span>&nbsp;<\/a><\/li><li class=\"shariff-button linkedin shariff-nocustomcolor\" style=\"background-color:#1488bf\"><a href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Fwww.sachaheck.net%2Fblog%2Fallgemeines%2Fscreenshot-einer-ganzen-webseite-ohne-plugin\" title=\"Bei LinkedIn teilen\" aria-label=\"Bei LinkedIn teilen\" role=\"button\" rel=\"noreferrernoopener nofollow\" class=\"shariff-link\" style=\"; background-color:#0077b5; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 27 32\"><path fill=\"#0077b5\" d=\"M6.2 11.2v17.7h-5.9v-17.7h5.9zM6.6 5.7q0 1.3-0.9 2.2t-2.4 0.9h0q-1.5 0-2.4-0.9t-0.9-2.2 0.9-2.2 2.4-0.9 2.4 0.9 0.9 2.2zM27.4 18.7v10.1h-5.9v-9.5q0-1.9-0.7-2.9t-2.3-1.1q-1.1 0-1.9 0.6t-1.2 1.5q-0.2 0.5-0.2 1.4v9.9h-5.9q0-7.1 0-11.6t0-5.3l0-0.9h5.9v2.6h0q0.4-0.6 0.7-1t1-0.9 1.6-0.8 2-0.3q3 0 4.9 2t1.9 6z\"\/><\/svg><\/span><span class=\"shariff-text\">mitteilen<\/span>&nbsp;<\/a><\/li><\/ul><\/div>","protected":false},"excerpt":{"rendered":"<p>Letztens habe ich einen coolen Trick rausgefunden wie man von einer ganzen Webseite bis zum Footer einen Screenshot machen kann. Bisher habe ich daf\u00fcr manchmal Add-ons in Firefox (Fireshot) bzw. Zusatztools in meinem aktuellen Lieblings-Browser Brave benutzt. Aber man kann das auch ganz ohne Hilfsprogramme machen, man muss nur wissen wo sich die Funktion versteckt.&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0},"categories":[1],"tags":[526,79,582,343,580,581,578,579],"_links":{"self":[{"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/posts\/2328"}],"collection":[{"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/comments?post=2328"}],"version-history":[{"count":2,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/posts\/2328\/revisions"}],"predecessor-version":[{"id":2335,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/posts\/2328\/revisions\/2335"}],"wp:attachment":[{"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/media?parent=2328"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/categories?post=2328"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/tags?post=2328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}