{"id":426,"date":"2014-06-12T11:30:33","date_gmt":"2014-06-12T09:30:33","guid":{"rendered":"http:\/\/www.makes-it-work.de\/?p=426"},"modified":"2014-09-25T10:41:29","modified_gmt":"2014-09-25T08:41:29","slug":"post-formulare-mit-firefox-addon-testen-toolbox","status":"publish","type":"post","link":"https:\/\/www.makes-it-work.de\/en\/2014\/06\/12\/post-formulare-mit-firefox-addon-testen-toolbox\/","title":{"rendered":"POST-Formulare mit Firefox-Addon testen [Toolbox]"},"content":{"rendered":"

Bei der Entwicklung individueller Web-Applikationen geh\u00f6ren Eingabe-Formulare selbstverst\u00e4ndlich dazu. An allen Ecken und Enden sollen Benutzer Daten eingeben und Einstellungen anpassen k\u00f6nnen. Viele dieser Formulare werden auf HTTP-Protokollebene als POST-Requests abgebildet.<\/p>\n

Solche Requests lassen sich im Browser standardm\u00e4\u00dfig zwar wiederholen (F5 bzw. Strg\/Cmd+R), aber schlecht schnell anpassen. Hilfe leistet uns in solchen F\u00e4llen ein kleines Firefox-Addon.<\/p>\n

<\/p>\n

Diese Erweiterung h\u00f6rt auf den Namen RESTClient<\/a>. Nach der Installation richtet sich ein neues Icon in der Toolbar ein, alternativ kann der RESTClient \u00fcber die (lokale) URL chrome:\/\/restclient\/content\/restclient.html<\/a> aufgerufen werden.<\/p>\n

M\u00f6chte man hiermit die Requests eines POST-Formulars nachstellen, muss im Men\u00fc \u00fcber Headers<\/em>\u00a0\u21e8 Custom Header<\/em> ein neuer Header mit dem Typ Content-Type<\/em> und \u00fcblicherweise dem Wert application\/x-www-form-urlencoded<\/em> angelegt werden. Danach k\u00f6nnen die Formulardaten im Format schluessel=wert&schluessel_2=wert_2<\/em> im Body-Feld eingetragen werden.<\/p>\n

\"Screenshot<\/a>

Debugging von POST-Formularen mit RESTClient<\/p><\/div>\n

Nach dem Absenden der Anfrage liefert RESTClient die Antwortdaten \u00fcbersichtlich im Bereich Response. Sowohl der HTTP-Status-Code als auch die \u00fcbrigen Header der Antwort sowie die Darstellung des Antwortinhaltes in der Roh- und der HTML-Form helfen beim Debugging der Applikation oft enorm. In manchen F\u00e4llen wird man sich auch \u00fcber die Unterst\u00fctzung von HTTP BasicAuth und OAuth sowie andere HTTP-Methoden (vor allem GET) innerhalb des Addons freuen.<\/p>\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

Bei der Entwicklung individueller Web-Applikationen geh\u00f6ren Eingabe-Formulare selbstverst\u00e4ndlich dazu. An allen Ecken und Enden sollen Benutzer Daten eingeben und Einstellungen anpassen k\u00f6nnen. Viele dieser Formulare werden auf HTTP-Protokollebene als POST-Requests abgebildet. Solche Requests lassen sich im Browser standardm\u00e4\u00dfig zwar wiederholen (F5 bzw. Strg\/Cmd+R), aber schlecht schnell anpassen. Hilfe leistet uns in solchen F\u00e4llen ein kleines… Read More »POST-Formulare mit Firefox-Addon testen [Toolbox]<\/span><\/a><\/p>\n","protected":false},"author":8,"featured_media":430,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false,"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","_ti_tpc_template_sync":false,"_ti_tpc_template_id":"","_links_to":"","_links_to_target":""},"categories":[95,94],"tags":[81,76,80,82],"translation":{"provider":"WPGlobus","version":"2.12.0","language":"en","enabled_languages":["de","en"],"languages":{"de":{"title":true,"content":true,"excerpt":false},"en":{"title":false,"content":false,"excerpt":false}}},"jetpack_featured_media_url":"https:\/\/www.makes-it-work.de\/wp-content\/uploads\/2014\/06\/post-formular-debugging-restclient.png","yoast_head":"\nPOST-Formulare mit Firefox-Addon testen [Toolbox] - Makes IT work - der Blog von OMG.de<\/title>\n<meta name=\"robots\" content=\"index, follow\" \/>\n<meta name=\"googlebot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta name=\"bingbot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.makes-it-work.de\/2014\/06\/12\/post-formulare-mit-firefox-addon-testen-toolbox\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"POST-Formulare mit Firefox-Addon testen [Toolbox] - Makes IT work - der Blog von OMG.de\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.makes-it-work.de\/2014\/06\/12\/post-formulare-mit-firefox-addon-testen-toolbox\/\" \/>\n<meta property=\"og:site_name\" content=\"Makes IT work - der Blog von OMG.de\" \/>\n<meta property=\"article:published_time\" content=\"2014-06-12T09:30:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-09-25T08:41:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.makes-it-work.de\/wp-content\/uploads\/2014\/06\/post-formular-debugging-restclient.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1154\" \/>\n\t<meta property=\"og:image:height\" content=\"731\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@omgde\" \/>\n<meta name=\"twitter:site\" content=\"@omgde\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.makes-it-work.de\/en\/#organization\",\"name\":\"OMG.de\",\"url\":\"https:\/\/www.makes-it-work.de\/en\/\",\"sameAs\":[\"https:\/\/twitter.com\/omgde\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.makes-it-work.de\/en\/#logo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.makes-it-work.de\/wp-content\/uploads\/2021\/11\/Logo_OMG_PNG-Kopie.png\",\"width\":358,\"height\":356,\"caption\":\"OMG.de\"},\"image\":{\"@id\":\"https:\/\/www.makes-it-work.de\/en\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.makes-it-work.de\/en\/#website\",\"url\":\"https:\/\/www.makes-it-work.de\/en\/\",\"name\":\"Makes IT work - der Blog von OMG.de\",\"description\":\"Themen und News rundum IT und Technik. Von den Spezialisten der OMG.de GmbH.\",\"publisher\":{\"@id\":\"https:\/\/www.makes-it-work.de\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.makes-it-work.de\/en\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.makes-it-work.de\/2014\/06\/12\/post-formulare-mit-firefox-addon-testen-toolbox\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.makes-it-work.de\/wp-content\/uploads\/2014\/06\/post-formular-debugging-restclient.png\",\"width\":1154,\"height\":731,\"caption\":\"Debugging von POST-Formularen mit RESTClient\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.makes-it-work.de\/2014\/06\/12\/post-formulare-mit-firefox-addon-testen-toolbox\/#webpage\",\"url\":\"https:\/\/www.makes-it-work.de\/2014\/06\/12\/post-formulare-mit-firefox-addon-testen-toolbox\/\",\"name\":\"POST-Formulare mit Firefox-Addon testen [Toolbox] - Makes IT work - der Blog von OMG.de\",\"isPartOf\":{\"@id\":\"https:\/\/www.makes-it-work.de\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.makes-it-work.de\/2014\/06\/12\/post-formulare-mit-firefox-addon-testen-toolbox\/#primaryimage\"},\"datePublished\":\"2014-06-12T09:30:33+00:00\",\"dateModified\":\"2014-09-25T08:41:29+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.makes-it-work.de\/2014\/06\/12\/post-formulare-mit-firefox-addon-testen-toolbox\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.makes-it-work.de\/2014\/06\/12\/post-formulare-mit-firefox-addon-testen-toolbox\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.makes-it-work.de\/2014\/06\/12\/post-formulare-mit-firefox-addon-testen-toolbox\/#webpage\"},\"author\":{\"@id\":\"https:\/\/www.makes-it-work.de\/en\/#\/schema\/person\/59eb3f78485d68bbbf79e3928a1586ca\"},\"headline\":\"POST-Formulare mit Firefox-Addon testen [Toolbox]\",\"datePublished\":\"2014-06-12T09:30:33+00:00\",\"dateModified\":\"2014-09-25T08:41:29+00:00\",\"commentCount\":0,\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.makes-it-work.de\/2014\/06\/12\/post-formulare-mit-firefox-addon-testen-toolbox\/#webpage\"},\"publisher\":{\"@id\":\"https:\/\/www.makes-it-work.de\/en\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.makes-it-work.de\/2014\/06\/12\/post-formulare-mit-firefox-addon-testen-toolbox\/#primaryimage\"},\"keywords\":\"addon,debugging,firefox,toolbox\",\"articleSection\":\"Blog,Code\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.makes-it-work.de\/2014\/06\/12\/post-formulare-mit-firefox-addon-testen-toolbox\/#respond\"]}]},{\"@type\":[\"Person\"],\"@id\":\"https:\/\/www.makes-it-work.de\/en\/#\/schema\/person\/59eb3f78485d68bbbf79e3928a1586ca\",\"name\":\"Johannes Mitlmeier\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.makes-it-work.de\/en\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/af5e7a1248b437d35c3569c860cb7269?s=96&d=mm&r=g\",\"caption\":\"Johannes Mitlmeier\"},\"description\":\"Als Webentwickler ist es meine Aufgabe die verf\\u00fcgbaren Techniken so zu verbinden, dass dabei gut bedienbare Produkte entstehen, die die Aufgabe l\\u00f6sen, die der Kunde an uns herangetragen hat.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.makes-it-work.de\/en\/wp-json\/wp\/v2\/posts\/426"}],"collection":[{"href":"https:\/\/www.makes-it-work.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.makes-it-work.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.makes-it-work.de\/en\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.makes-it-work.de\/en\/wp-json\/wp\/v2\/comments?post=426"}],"version-history":[{"count":8,"href":"https:\/\/www.makes-it-work.de\/en\/wp-json\/wp\/v2\/posts\/426\/revisions"}],"predecessor-version":[{"id":509,"href":"https:\/\/www.makes-it-work.de\/en\/wp-json\/wp\/v2\/posts\/426\/revisions\/509"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.makes-it-work.de\/en\/wp-json\/wp\/v2\/media\/430"}],"wp:attachment":[{"href":"https:\/\/www.makes-it-work.de\/en\/wp-json\/wp\/v2\/media?parent=426"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.makes-it-work.de\/en\/wp-json\/wp\/v2\/categories?post=426"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.makes-it-work.de\/en\/wp-json\/wp\/v2\/tags?post=426"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}