{"id":83517,"date":"2022-07-25T03:39:49","date_gmt":"2022-07-25T01:39:49","guid":{"rendered":"https:\/\/rmarketingdigital.com\/dev\/empiece-a-utilizar-web-bundles\/"},"modified":"2020-09-16T23:32:20","modified_gmt":"2020-09-17T02:32:20","slug":"empiece-a-utilizar-web-bundles","status":"publish","type":"post","link":"https:\/\/rmarketingdigital.com\/de\/dev\/empiece-a-utilizar-web-bundles\/","title":{"rendered":"Beginnen Sie mit Web Bundles"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Inhalt<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Inhaltsverzeichnis umschalten\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Umschalten<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/empiece-a-utilizar-web-bundles\/#Compatibilidad-del-navegador\" >Browser-Kompatibilit\u00e4t<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/empiece-a-utilizar-web-bundles\/#Presentamos-la-API-de-Web-Bundles\" >Einf\u00fchrung in die Web Bundles API<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/empiece-a-utilizar-web-bundles\/#Explicacion-de-paquetes-web\" >Erl\u00e4uterung der Webpakete<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/empiece-a-utilizar-web-bundles\/#Creacion-de-paquetes-web\" >Erstellung von Webpaketen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/empiece-a-utilizar-web-bundles\/#Jugando-con-Web-Bundles\" >Spielen mit Web Bundles<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/empiece-a-utilizar-web-bundles\/#Enviar-comentarios\" >Kommentar schreiben<\/a><\/li><\/ul><\/nav><\/div>\n<p><\/p>\n<div>\n<header class=\"w-article-header\">\n<p class=\"w-article-header__subhead w-mb--non\">\n<p>          Teilen Sie Websites als einzelne Datei \u00fcber Bluetooth und f\u00fchren Sie sie im Kontext ihrer Herkunft offline aus<\/p>\n<p>\n          <time>11. November 2019<\/time><\/p>\n<\/header>\n<p>Das Gruppieren einer gesamten Website als einzelne Datei und deren gemeinsame Nutzung er\u00f6ffnet neue Anwendungsf\u00e4lle f\u00fcr das Web. Stellen Sie sich eine Welt vor, in der Sie:<\/p>\n<ul>\n<li>Erstellen Sie Ihre eigenen Inhalte und verteilen Sie sie auf vielf\u00e4ltige Weise, ohne auf das Netzwerk beschr\u00e4nkt zu sein<\/li>\n<li>Teilen Sie eine Webanwendung oder einen Webinhaltsausschnitt mit Ihren Freunden \u00fcber Bluetooth oder Wi-Fi Direct<\/li>\n<li>Bringen Sie Ihre Site auf Ihren eigenen USB-Stick oder hosten Sie sie sogar in Ihrem eigenen lokalen Netzwerk<\/li>\n<\/ul>\n<p>Die Web Bundles-API ist ein innovatives Angebot, mit dem Sie all dies tun k\u00f6nnen.<\/p>\n<h2 id=\"browser-compatibility\"><span class=\"ez-toc-section\" id=\"Compatibilidad-del-navegador\"><\/span>Browser-Kompatibilit\u00e4t <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Derzeit unterst\u00fctzt die Web Bundles-API nur Chromium-basierte Browser mit einer experimentellen Marke.<\/p>\n<h2 id=\"introducing-the-web-bundles-api\"><span class=\"ez-toc-section\" id=\"Presentamos-la-API-de-Web-Bundles\"><\/span>Einf\u00fchrung in die Web Bundles API <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Ein Web Bundle ist ein Dateiformat zum Einkapseln einer oder mehrerer HTTP-Ressourcen in eine einzelne Datei. Es kann eine oder mehrere HTML-Dateien, JavaScript-Dateien, Bilder oder Stylesheets enthalten.<\/p>\n<p>Webpakete, formeller bekannt als <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/wicg.github.io\/webpackage\/draft-yasskin-wpack-bundled-exchanges.html\">HTTP-Austausch enthalten<\/a>sind Teil der <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/WICG\/webpackage\">Webverpackung<\/a><br \/>\nVorschlag.<\/p>\n<figure class=\"w-figure\">\n  <img alt='webbundle-7281191' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/webbundle-7281191.png' style=\"max-width: 75%\"><figcaption class=\"w-figcaption\">\n<p>    Funktionsweise von Web Bundles<br \/>\n  <\/figcaption><\/figure>\n<p>HTTP-Ressourcen in einem Web Bundle werden anhand der Anforderungs-URL indiziert und k\u00f6nnen optional mit Signaturen versehen werden, die die Ressourcen unterst\u00fctzen. Mit Signaturen k\u00f6nnen Browser den Ursprung jeder Ressource verstehen und \u00fcberpr\u00fcfen und jede so behandeln, als stamme sie von ihrem wahren Ursprung. Dies ist \u00e4hnlich wie <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/developers.google.com\/web\/updates\/2018\/11\/signed-exchanges\">Signierter HTTP-Austausch<\/a>, eine Funktion zum Signieren einer einzelnen HTTP-Ressource.<\/p>\n<p>In diesem Artikel wird erl\u00e4utert, was ein Web Bundle ist und wie es verwendet wird.<\/p>\n<h2 id=\"explaining-web-bundles\"><span class=\"ez-toc-section\" id=\"Explicacion-de-paquetes-web\"><\/span>Erl\u00e4uterung der Webpakete <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Um genau zu sein, ist ein Web Bundle ein <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/cbor.io\/\">CBOR-Datei<\/a> mit einer <code>.wbn<\/code> Erweiterung (gem\u00e4\u00df Konvention), die HTTP-Ressourcen in einem Bin\u00e4rformat verpackt und mit dem bereitgestellt wird <code>Anwendung \/ Webbundle<\/code> Mimica-Typ. Mehr dazu lesen Sie in der <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/wicg.github.io\/webpackage\/draft-yasskin-wpack-bundled-exchanges.html#top-level\">Struktur der obersten Ebene<\/a><br \/>\nEntwurf eines Spezifikationsabschnitts.<\/p>\n<p>Web-Bundles bieten mehrere einzigartige Funktionen:<\/p>\n<ul>\n<li>Verkapselt mehrere Seiten, sodass eine gesamte Website in einer einzigen Datei geb\u00fcndelt werden kann<\/li>\n<li>Aktivieren Sie ausf\u00fchrbares JavaScript im Gegensatz zu MHTML<\/li>\n<li>Anwendungen <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/tools.ietf.org\/id\/draft-ietf-httpbis-variants-00.html\">HTTP-Varianten<\/a> Inhalte zu verhandeln, die eine Internationalisierung mit dem erm\u00f6glichen <code>Akzeptiere-Sprache<\/code><br \/>\nHeader, auch wenn das Paket offline verwendet wird<\/li>\n<li>Es wird im Kontext seiner Herkunft geladen, wenn es von seinem Herausgeber kryptografisch signiert wird.<\/li>\n<li>Wird fast sofort aufgeladen, wenn es vor Ort serviert wird<\/li>\n<\/ul>\n<p>Diese Funktionen er\u00f6ffnen mehrere Szenarien. Ein h\u00e4ufiges Szenario ist die M\u00f6glichkeit, eine eigenst\u00e4ndige Webanwendung zu erstellen, die einfach zu teilen und ohne Internetverbindung verwendet werden kann. Nehmen wir zum Beispiel an, Sie sitzen mit Ihrem Freund in einem Flugzeug von Tokio nach San Francisco. Sie m\u00f6gen keine Unterhaltung w\u00e4hrend des Fluges. Ihr Freund spielt ein interessantes Web-Spiel namens <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/proxx.app\/\">PROXX<\/a>und sagt dir, dass er das Spiel als Webpack heruntergeladen hat, bevor er in das Flugzeug gestiegen ist. Es funktioniert perfekt offline. Vor Web Bundles endete die Geschichte dort und Sie mussten das Spiel abwechselnd auf dem Ger\u00e4t Ihres Freundes spielen oder etwas anderes finden, um sich die Zeit zu vertreiben. Mit Web Bundles k\u00f6nnen Sie jetzt Folgendes tun:<\/p>\n<ol>\n<li>Bitten Sie Ihren Freund, das zu teilen <code>.wbn<\/code> Spieledatei. Beispielsweise kann die Datei mithilfe einer Dateifreigabeanwendung problemlos Peer-to-Peer freigegeben werden.<\/li>\n<li>\u00d6ffne das <code>.wbn<\/code> Datei in einem Browser, der Web Bundles unterst\u00fctzt.<\/li>\n<li>Spielen Sie das Spiel auf Ihrem eigenen Ger\u00e4t und versuchen Sie, den Highscore Ihres Freundes zu \u00fcbertreffen.<\/li>\n<\/ol>\n<p>Hier ist ein Video, das dieses Szenario erkl\u00e4rt.<\/p>\n<p>\n  <iframe loading=\"lazy\" title=\"Web Bundles - Demo zur Benutzerfreigabe von Benutzer zu Benutzer\" width=\"1080\" height=\"608\" src=\"https:\/\/www.youtube.com\/embed\/xAujz66la3Y?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/p>\n<p>Wie Sie sehen k\u00f6nnen, kann ein Web Bundle alle Ressourcen enthalten, sodass es offline funktioniert und sofort geladen wird.<\/p>\n<div class=\"w-aside w-aside--note\">\n<p>Derzeit unterst\u00fctzt Chrome 80 nur nicht signierte Pakete (dh Webpakete ohne Quellensignaturen). Das Verpacken von PROXX ohne Signaturen funktioniert aufgrund von Problemen mit Webworkern zwischen verschiedenen Urspr\u00fcngen nicht gut. Chrome arbeitet daran, dieses Problem zu beheben. In der Zwischenzeit werfen Sie einen Blick darauf <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/chromium.googlesource.com\/chromium\/src\/+\/refs\/heads\/master\/content\/browser\/web_package\/using_web_bundles.md#Dealing-with-Common-Problems-in-Unsigned-Bundles\">Behandlung h\u00e4ufiger Probleme in nicht signierten Paketen<\/a><br \/>\num zu lernen, wie man Probleme zwischen verschiedenen Urspr\u00fcngen vermeidet.<\/p>\n<\/div>\n<h2 id=\"building-web-bundles\"><span class=\"ez-toc-section\" id=\"Creacion-de-paquetes-web\"><\/span>Erstellung von Webpaketen <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>das <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/WICG\/webpackage\/tree\/master\/go\/bundle\"><code>gehen \/ b\u00fcndeln<\/code><\/a>  CLI ist derzeit der einfachste Weg, eine Website zu b\u00fcndeln. <code>gehen \/ b\u00fcndeln<\/code> ist eine Referenzimplementierung der integrierten Web Bundles-Spezifikation <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/golang.org\/\">Gehen<\/a>.<\/p>\n<ol>\n<li>\n<p><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/golang.org\/doc\/install\">Installieren Sie Go<\/a>.<\/p>\n<\/li>\n<li>\n<p>Auf dem PC installieren <code>gehen \/ b\u00fcndeln<\/code>.<\/p>\n<p><web-copy-code><\/p>\n<pre class=\"language-bash\"><code class=\"language-bash\">go get -u github.com\/WICG\/webpackage\/go\/bundle\/cmd\/<span class=\"token punctuation\">..<\/span>.<\/code><\/pre>\n<p><\/web-copy-code><\/li>\n<li>\n<p>Klonen Sie die <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/developit\/preact-todomvc\">preact-todomvc<\/a> Repository und erstellen Sie Ihre Webanwendung, um die B\u00fcndelung Ihrer Ressourcen vorzubereiten.<\/p>\n<p><web-copy-code><\/p>\n<pre class=\"language-bash\"><code class=\"language-bash\"><span class=\"token function\">git<\/span> clone https:\/\/github.com\/developit\/preact-todomvc.git<br><span class=\"token builtin class-name\">CD<\/span> preact-todomvc<br><span class=\"token function\">npm<\/span> ich<br><span class=\"token function\">npm<\/span> run build<\/code><\/pre>\n<p><\/web-copy-code><\/li>\n<li>\n<p>Verwenden Sie die <code>Gen-Bundle<\/code> Befehl zum Erstellen eines <code>.wbn<\/code> Verfahren.<\/p>\n<p><web-copy-code><\/p>\n<pre class=\"language-bash\"><code class=\"language-bash\">gen-bundle -dir build -baseURL https:\/\/preact-todom.vc\/ -primaryURL https:\/\/preact-todom.vc\/ -o todomvc.wbn<\/code><\/pre>\n<p><\/web-copy-code><\/li>\n<\/ol>\n<p>Herzliche Gl\u00fcckw\u00fcnsche! TodoMVC ist jetzt ein Webpaket.<\/p>\n<p>Es gibt andere Optionen f\u00fcr die Gruppierung und weitere werden folgen. das <code>gehen \/ b\u00fcndeln<\/code> Mit CLI k\u00f6nnen Sie ein Web Bundle mithilfe einer HAR-Datei oder einer benutzerdefinierten Liste von Ressourcen-URLs erstellen. Besuche den <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/WICG\/webpackage\/tree\/master\/go\/bundle\">GitHub-Repository<\/a> mehr dar\u00fcber lernen <code>gehen \/ b\u00fcndeln<\/code>. Sie k\u00f6nnen auch das experimentelle Node.js-Modul zum Verpacken ausprobieren.<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.npmjs.com\/package\/wbn\"><code>wbn<\/code><\/a>. Beachten Sie, dass <code>wbn<\/code> es befindet sich noch in einem fr\u00fchen Entwicklungsstadium.<\/p>\n<h2 id=\"playing-around-with-web-bundles\"><span class=\"ez-toc-section\" id=\"Jugando-con-Web-Bundles\"><\/span>Spielen mit Web Bundles <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>So testen Sie ein Webpaket:<\/p>\n<ol>\n<li>\n<p>Gehen <code>chrome:\/\/version<\/code> um zu sehen, welche Version von Chrome Sie ausf\u00fchren. Wenn Sie Version 80 oder h\u00f6her ausf\u00fchren, \u00fcberspringen Sie den n\u00e4chsten Schritt.<\/p>\n<\/li>\n<li>\n<p>Herunterladen <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.google.com\/chrome\/canary\/\">Chrome Canary<\/a> Wenn Sie Chrome 80 oder h\u00f6her nicht ausf\u00fchren.<\/p>\n<\/li>\n<li>\n<p>Ge\u00f6ffnet <code>chrome:\/\/flags\/#web-bundles<\/code>.<\/p>\n<\/li>\n<li>\n<p>W\u00e4hle aus <strong>Webpakete<\/strong> Flagge a <strong>aktiviert<\/strong>.<\/p>\n<figure class=\"w-figure\">\n  <img alt='Chromflagge-9602917' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/chromeflag-9602917.png' style=\"max-width: 75%\"><figcaption class=\"w-figcaption\">\n<p>    Aktivieren Sie Webpakete in <code>chrome:\/\/flags<\/code><br \/>\n  <\/figcaption><\/figure>\n<\/li>\n<li>\n<p>Starten Sie Chrome neu.<\/p>\n<\/li>\n<li>\n<p>Ziehen Sie die <code>todomvc.wbn<\/code> Datei in Chrome, wenn es auf dem Desktop ist, oder tippen Sie in einer Dateimanager-App darauf, wenn es auf Android ist.<\/p>\n<\/li>\n<\/ol>\n<p>Alles funktioniert magisch.<\/p>\n<figure class=\"w-figure\">\n  <video controls=\"\" autoplay=\"\" loop=\"\" muted=\"\" class=\"w-screenshot\"><source src=\"https:\/\/storage.googleapis.com\/web-dev-assets\/web-bundles\/preact-todomvc.mp4\" type=\"video\/mp4\"><\/source><\/video><figcaption class=\"w-figcaption\">\n<p>    Die Preact-Implementierung von TodoMVC funktioniert offline als Webpaket<br \/>\n  <\/figcaption><\/figure>\n<p>Sie k\u00f6nnen auch andere Beispiel-Webpakete ausprobieren:<\/p>\n<ul>\n<li>web.dev.wbn ist eine Momentaufnahme der gesamten website.dev vom 15. Oktober 2019.<\/li>\n<li><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/storage.googleapis.com\/web-dev-assets\/web-bundles\/proxx.wbn\">proxx.wbn<\/a>: PROXX ist ein Minesweeper-Klon, der offline funktioniert.<\/li>\n<li><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/storage.googleapis.com\/web-dev-assets\/web-bundles\/squoosh.wbn\">squoosh.wbn<\/a>:<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/squoosh.app\">Squoosh<\/a> ist ein praktisches und schnelles Tool zur Bildoptimierung, mit dem Sie verschiedene Bildkomprimierungsformate nebeneinander vergleichen und die Gr\u00f6\u00dfen\u00e4nderung und Formatkonvertierung unterst\u00fctzen k\u00f6nnen.<\/li>\n<\/ul>\n<div class=\"w-aside w-aside--note\">\n<p>Derzeit k\u00f6nnen Sie nur zu einem Web Bundle navigieren, das in einer lokalen Datei gespeichert ist. Dies ist jedoch nur eine vor\u00fcbergehende Einschr\u00e4nkung.<\/p>\n<\/div>\n<h2 id=\"send-feedback\"><span class=\"ez-toc-section\" id=\"Enviar-comentarios\"><\/span>Kommentar schreiben <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Die Implementierung der Web Bundle-API in Chrome ist experimentell und unvollst\u00e4ndig. Nicht alles funktioniert und kann abst\u00fcrzen oder abst\u00fcrzen. Deshalb steht es hinter einer experimentellen Flagge. Die API ist jedoch intelligent genug, um sie in Chrome zu erkunden. Das Feedback von Webentwicklern ist f\u00fcr das Entwerfen neuer APIs von entscheidender Bedeutung. Probieren Sie es aus und teilen Sie den Mitarbeitern von Web Bundles Ihre Meinung mit!<\/p>\n<p><strong>Vielen Dank<\/strong><\/p>\n<p>Wir m\u00f6chten dem wunderbaren Chrome-Engineering-Team gratulieren.<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/irori\">Kunihiko Sakamoto<\/a>, <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/twitter.com\/horo\">Tsuyoshi Horo<\/a>, <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/twitter.com\/toyoshim\">Takashi Toyoshima<\/a>, <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/twitter.com\/kinu\">Kinuko Yasuda<\/a> y <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/twitter.com\/jyasskin\">Jeffrey Yasskin<\/a> Wer hat hart gearbeitet, um zur Spezifikation beizutragen, die Funktion in Canary aufzubauen und diesen Artikel zu lesen? W\u00e4hrend des Standardisierungsprozesses <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"http:\/\/danyork.me\/\">Dan York<\/a> hat geholfen, die IETF-Diskussion zu navigieren und auch <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/twitter.com\/dauwhe\">Dave Cramer<\/a> war eine gro\u00dfartige Ressource f\u00fcr das, was Verlage wirklich brauchen. Wir m\u00f6chten uns auch bedanken <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/twitter.com\/_developit\">Jason Miller<\/a> f\u00fcr das erstaunliche preact-todomvc und ihre unerm\u00fcdlichen Bem\u00fchungen, die Struktur zu verbessern.<\/p>\n<p>    <web-feedback additional-questions=\"api\"><\/web-feedback>\n  <\/div>\n<p><script async src=\"\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>","protected":false},"excerpt":{"rendered":"<p>Teilen Sie Websites als einzelne Datei \u00fcber Bluetooth und f\u00fchren Sie sie offline im Kontext ihres Ursprungs aus Nov 11, 2019 B\u00fcndelung einer Website\u2026<\/p>","protected":false},"author":1,"featured_media":83519,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1356],"tags":[],"class_list":["post-83517","post","type-post","status-publish","format-standard","has-post-thumbnail","category-dev"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Empiece a utilizar Web Bundles - R Marketing Digital<\/title>\n<meta name=\"description\" content=\"Comparta sitios web como un solo archivo a trav\u00e9s de Bluetooth y ejec\u00fatelos sin conexi\u00f3n en el contexto de su origen 11 de noviembre de 2019 Agrupar un\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/start-using-web-bundles\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Empiece a utilizar Web Bundles\" \/>\n<meta property=\"og:description\" content=\"Comparta sitios web como un solo archivo a trav\u00e9s de Bluetooth y ejec\u00fatelos sin conexi\u00f3n en el contexto de su origen 11 de noviembre de 2019 Agrupar un\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rmarketingdigital.com\/de\/dev\/start-using-web-bundles\/\" \/>\n<meta property=\"og:site_name\" content=\"R Marketing Digital\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-25T01:39:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-3184263.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"R Marketing Digital\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/start-using-web-bundles\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/start-using-web-bundles\\\/\"},\"author\":{\"name\":\"R Marketing Digital\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"headline\":\"Empiece a utilizar Web Bundles\",\"datePublished\":\"2022-07-25T01:39:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/start-using-web-bundles\\\/\"},\"wordCount\":1253,\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/start-using-web-bundles\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/hero-3184263.png\",\"articleSection\":[\"Dev\"],\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/start-using-web-bundles\\\/\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/start-using-web-bundles\\\/\",\"name\":\"Empiece a utilizar Web Bundles - R Marketing Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/start-using-web-bundles\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/start-using-web-bundles\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/hero-3184263.png\",\"datePublished\":\"2022-07-25T01:39:49+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"description\":\"Comparta sitios web como un solo archivo a trav\u00e9s de Bluetooth y ejec\u00fatelos sin conexi\u00f3n en el contexto de su origen 11 de noviembre de 2019 Agrupar un\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/start-using-web-bundles\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/start-using-web-bundles\\\/#primaryimage\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/hero-3184263.png\",\"contentUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/hero-3184263.png\",\"width\":1200,\"height\":600,\"caption\":\"hero-3184263-6259293-png\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/\",\"name\":\"R Marketing Digital\",\"description\":\"Agencia SEO | Publicidad redes sociales | Community Management\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rmarketingdigital.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\",\"name\":\"R Marketing Digital\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"caption\":\"R Marketing Digital\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Empiece a utilizar Web Bundles - R Marketing Digital","description":"Teilen Sie Websites als einzelne Datei \u00fcber Bluetooth und f\u00fchren Sie sie im Kontext ihres Ursprungs offline aus. 11. November 2019 Bundle One","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rmarketingdigital.com\/de\/dev\/start-using-web-bundles\/","og_locale":"de_DE","og_type":"article","og_title":"Empiece a utilizar Web Bundles","og_description":"Comparta sitios web como un solo archivo a trav\u00e9s de Bluetooth y ejec\u00fatelos sin conexi\u00f3n en el contexto de su origen 11 de noviembre de 2019 Agrupar un","og_url":"https:\/\/rmarketingdigital.com\/de\/dev\/start-using-web-bundles\/","og_site_name":"R Marketing Digital","article_published_time":"2022-07-25T01:39:49+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-3184263.png","type":"image\/png"}],"author":"R Marketing Digital","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rmarketingdigital.com\/de\/dev\/start-using-web-bundles\/#article","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/de\/dev\/start-using-web-bundles\/"},"author":{"name":"R Marketing Digital","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"headline":"Empiece a utilizar Web Bundles","datePublished":"2022-07-25T01:39:49+00:00","mainEntityOfPage":{"@id":"https:\/\/rmarketingdigital.com\/de\/dev\/start-using-web-bundles\/"},"wordCount":1253,"image":{"@id":"https:\/\/rmarketingdigital.com\/de\/dev\/start-using-web-bundles\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-3184263.png","articleSection":["Dev"],"inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/rmarketingdigital.com\/de\/dev\/start-using-web-bundles\/","url":"https:\/\/rmarketingdigital.com\/de\/dev\/start-using-web-bundles\/","name":"Empiece a utilizar Web Bundles - R Marketing Digital","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rmarketingdigital.com\/de\/dev\/start-using-web-bundles\/#primaryimage"},"image":{"@id":"https:\/\/rmarketingdigital.com\/de\/dev\/start-using-web-bundles\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-3184263.png","datePublished":"2022-07-25T01:39:49+00:00","author":{"@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"description":"Teilen Sie Websites als einzelne Datei \u00fcber Bluetooth und f\u00fchren Sie sie im Kontext ihres Ursprungs offline aus. 11. November 2019 Bundle One","inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rmarketingdigital.com\/de\/dev\/start-using-web-bundles\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/rmarketingdigital.com\/de\/dev\/start-using-web-bundles\/#primaryimage","url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-3184263.png","contentUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-3184263.png","width":1200,"height":600,"caption":"hero-3184263-6259293-png"},{"@type":"WebSite","@id":"https:\/\/rmarketingdigital.com\/#website","url":"https:\/\/rmarketingdigital.com\/","name":"R Digitales Marketing","description":"SEO Agentur | Werbung f\u00fcr soziale Netzwerke | Community Management","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rmarketingdigital.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e","name":"R Digitales Marketing","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","caption":"R Marketing Digital"}}]}},"_links":{"self":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/posts\/83517","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/comments?post=83517"}],"version-history":[{"count":0,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/posts\/83517\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/media\/83519"}],"wp:attachment":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/media?parent=83517"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/categories?post=83517"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/tags?post=83517"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}