Chrome 29–56, and possibly beyond
=================================

Finally (maybe already with version 28), it&#39;s simple. Just click on *view source* next to *Form Data*:

![DevTools screen shot][1]

Also, at least in version 56, post data may be found in the *Headers* tab, under *Request Payload*.


Older versions
==============

  * Chrome 27

     1. Right click in the *Name/Path* panel in the *Network* tab.

     2. Select: *Copy all as HAR*

     3. In the *Console*, write `har=`, then paste the HAR, and hit return.

     4. Count from the top the position of the request you are interested, starting at 0. Store the position in: `pos`

     5. To get the post data source, execute: `har.log.entries[pos].request.postData.text`


  * even older:

     1. Right click on the *Name/Path* of the entry in the *Network* tab.

     2. Select: *Copy entry as HAR*

     3. In the *Console*, write `har=`, then paste the HAR, and hit return.

     4. To get the post data source, execute: `har.request.postData.text`

If there is a simpler way, I am happy to hear about it!

  [1]: http://i.stack.imgur.com/hY8Mb.png

it&#39;s easier if you:

 1. go to *Network* 
 2. click the entry you want to see the post for
 3. click on the *headers* tab 
 4. scroll down to *Form Data*


I need to quickly knock up the functionality of the twitter bootstraps main navigation and sub navigation e.g. http://twitter.github.com/bootstrap/scaffolding.html (when you scroll the subnav becomes fixed to that main navigation)

Has anyone implemented this or are there any tutorials?

Replicating Bootstraps main nav and subnav

I&#39;m trying to understand the difference between a TCP segment with the flag `PSH` and with the flag `URG`.
I read the RFC but still couldn&#39;t get it, does one of them buffer the data before it sends it to the process and the other doesn&#39;t ?

Difference between push and urgent flags in TCP

I am using Chrome 15 with Developer Tools to investigate HTTP POST requests. After sending a request, in the *Network* tab under *Headers* there is a section called *Form Data*. This section contains the post data nicely formatted. However: How do I get the source of the post data, i.e. the body of the request?

Currently, I use Firefox with Firebug to get that data, or I reconstruct the source from the formatted Form Data. Cumbersome...

Chrome: Source of Post Data?

I am using Chrome 15 with Developer Tools to investigate HTTP POST requests. After sending a request, in the Network tab under Headers there is a section called Form Data. This section contains the post data nicely formatted. However: How do I get the source of the post data, i.e. the body of the request?
Currently, I use Firefox with Firebug to get that data, or I reconstruct the source from the formatted Form Data. Cumbersome...

I carefully revised the list of switches at http://peter.sh/experiments/chromium-command-line-switches/#chrome-frame and I couldn&#39;t find anything that would launch Chrome in a hidden background process.

The closest I was able to is `--keep-alive-for-test` + custom packaged app, but the app fails to execute any passed code because (the way it reports) &quot;no window - ChromeHidden&quot;.




Any way to start Google Chrome in headless mode?

Is there a way to apply the following CSS to a specific `div` only in Google Chrome?

    position:relative;
    top:-2px;

How to apply specific CSS rules to Chrome only?

I&#39;m working in a project which involves using IndexedDB. 
As I&#39;m begining to know this technology, I need to be able to delete an indexedDB by hand so I can start over.

I found the way to do it in Firefox, but I can&#39;t find the way for Google Chrome.

I tried deleting the content of this folder (I&#39;m using Mac):

`{home}/Library/Application Support/Google/Chrome/Default/IndexedDB`

but it seems Chrome stil have the DB anywhere so I can&#39;t start over.

How to delete indexedDB?

Often, when a script has a redirect loop we get an error in Google Chrome that says

&gt; Error 310 (net::ERR_TOO_MANY_REDIRECTS): There were too many redirects.

How many redirects are too many?

In Chrome, how many redirects are &quot;too many&quot;?

I created a Chrome extension and am using localStorage for storing data.

I am accessing localStorage through &quot;background_page&quot;.

It works fine but how can I manually view its values? In Firefox you can use Firebug.

Anyone have any suggestions?

How to view or edit localStorage

I&#39;m trying to use phantomJS (what an awesome tool btw!) to submit a form for a page that I have login credentials for, and then output the content of the destination page to stdout. I&#39;m able to access the form and set its values successfully using phantom, but I&#39;m not quite sure what the right syntax is to submit the form and output the content of the subsequent page. What I have so far is:

    var page = new WebPage();
    var url = phantom.args[0];

    page.open(url, function (status) {

      if (status !== &#39;success&#39;) {
          console.log(&#39;Unable to access network&#39;);
      } else {

        console.log(page.evaluate(function () {
          
          var arr = document.getElementsByClassName(&quot;login-form&quot;);
          var i;

          for (i=0; i &lt; arr.length; i++) {

            if (arr[i].getAttribute(&#39;method&#39;) == &quot;POST&quot;) {
              arr[i].elements[&quot;email&quot;].value=&quot;mylogin@somedomain.com&quot;;
              arr[i].elements[&quot;password&quot;].value=&quot;mypassword&quot;;

              // This part doesn&#39;t seem to work. It returns the content
              // of the current page, not the content of the page after 
              // the submit has been executed. Am I correctly instrumenting
              // the submit in Phantom?
              arr[i].submit();
              return document.querySelectorAll(&#39;html&#39;)[0].outerHTML;
            }

          }
          
          return &quot;failed :-(&quot;;

        }));
      }

      phantom.exit();
    }

How to submit a form using PhantomJS

I need to see all of the `POST` results that are submitted to the server for testing.

What would be an example of how I can create a new file to submit to that will echo out all of the fields which were submitted with that form?

It&#39;s dynamic, so some fields may have a name/ID of `field1, field2, field3`, etc.


How do I print all POST results when a form is submitted?

How can I set a custom field in POST header on submit a form?

How to set a Header field on POST a form?

TL; DR: I&#39;m new to this language and have no idea what I&#39;m doing

here is my class so far:

    using System;
    using System.Collections.Generic;
    using System.Net.Http;
    using System.Web;
    using System.Net;
    using System.IO;
    
    public class MyClass
    	{
    		private const string URL = &quot;https://sub.domain.com/objects.json?api_key=123&quot;;
    		private const string data = @&quot;{&quot;&quot;object&quot;&quot;:{&quot;&quot;name&quot;&quot;:&quot;&quot;Title&quot;&quot;}}&quot;;
    
    		public static void CreateObject()
    		{
    			HttpWebRequest request = (HttpWebRequest)WebRequest.Create(URL);
    			request.Method = &quot;POST&quot;;
    			request.ContentType = &quot;application/json&quot;;
    			request.ContentLength = data.Length;
    			StreamWriter requestWriter = new StreamWriter(request.GetRequestStream(), System.Text.Encoding.ASCII);
    			requestWriter.Write(data);
    			requestWriter.Close();
    
    			try
    			{
    				// get the response
    				WebResponse webResponse = request.GetResponse();
    				Stream webStream = webResponse.GetResponseStream();
    				StreamReader responseReader = new StreamReader(webStream);
    				string response = responseReader.ReadToEnd();
    				responseReader.Close();
    			}
    			catch (WebException we)
    			{
    				string webExceptionMessage = we.Message;
    			}
    			catch (Exception ex)
    			{
    				// no need to do anything special here....
    			}
    		}
    
            static void Main(string[] args)
            {
                MyClass.CreateObject();
            }
    }



when I do csc filename.cs, I get the following error:

&gt; The type or namespace name &#39;Http&#39; does not exist in the namespace &#39;System.Net&#39; (are you missing an assembly reference?)



System.Net.Http: missing from namespace? (using .net 4.5)

I&#39;d like to send some data using an XMLHttpRequest in JavaScript.

Say I have the following form in HTML:

```html
&lt;form name=&quot;inputform&quot; action=&quot;somewhere&quot; method=&quot;post&quot;&gt;
  &lt;input type=&quot;hidden&quot; value=&quot;person&quot; name=&quot;user&quot;&gt;
  &lt;input type=&quot;hidden&quot; value=&quot;password&quot; name=&quot;pwd&quot;&gt;
  &lt;input type=&quot;hidden&quot; value=&quot;place&quot; name=&quot;organization&quot;&gt;
  &lt;input type=&quot;hidden&quot; value=&quot;key&quot; name=&quot;requiredkey&quot;&gt;
&lt;/form&gt;
```

How can I write the equivalent using an XMLHttpRequest in JavaScript?

Send POST data using XMLHttpRequest

I am working on developing a website and need to work on the print view. Typically when I have layout issues I use Chrome&#39;s Element Inspector. However this does not exist in print preview mode. 

Is there a Chrome plugin or some other way to change your viewing medium within chrome itself, to view a page as a printer would?  I suppose it doesn&#39;t have a be a Chrome specific solution, but that is my primary browser so it would be nice to have an in-browser solution.

Right now I&#39;m focused just on the print preview medium, but it would be ideal to be able to change to any of the supported media types (i.e. all/braille/embossed/handheld/print/projection/screen/speech/tty/tv).  

Using Chrome&#39;s Element Inspector in Print Preview Mode?

Coming from gdb, it would print the return value of a function when it finished. Is there a way to get this information from the Chrome debugger without changing the source being debugged?

How to inspect JavaScript function return value in Chrome debugger?

I know `__proto__` is deprecated (or not part of the standard) and all that but I&#39;m still curious as to what it means when it says Invalid Date when I look at the `__proto__` value of..

    var myDate = new Date(1331869050000);

Why does Chrome Dev Tool show a dates __proto__ as Invalid Date?

Chrome&#39;s Developer Tools rock, but one thing they don&#39;t seem to have (that I could find) is a way to find a JavaScript function&#39;s definition. This would be super handy for me because I&#39;m working on a site that includes many external JS files. Sure grep solves this but in the browser would be much better. I mean, the browser has to know this, so why not expose it? What I expected was something like:

- Select &#39;Inspect Element&#39; from page, which highlights the line in the Elements tab
- Right-click the line and select &#39;Go to function definition&#39;
- Correct script is loaded in the Scripts tab and it jumps to the function definition

First off, does this functionality exist and I&#39;m just missing it?

And if it doesn&#39;t, I&#39;m guessing this would come from WebKit, but couldn&#39;t find anything for [Developer Tool feature requests](http://code.google.com/p/chromium/issues/list?can=2&amp;q=javascript+function+definition&amp;colspec=ID+Pri+Mstone+ReleaseBlock+Area+Feature+Status+Owner+Summary&amp;cells=tiles) or [WebKit&#39;s Bugzilla](https://bugs.webkit.org/buglist.cgi?quicksearch=javascript+function+definition). 

Find JavaScript function definition in Chrome

The tools are opened on the bottom of the chrome window per default. This is a rather bad choice for a wide screen display since there is plenty of empty space to the right but not much vertical space to spare. Unfortunately, I have found no way to reposition the tools. I would like to have them on the side, similar to firebug. 

The only option similar to what I want is to detach the dev tools and place chrome and the tools window side-by-side. This is not very convenient for quickly alt-tabbing from the IDE to the browser and back though, so an &quot;integrated&quot; solution would be nice.



Content Type	Original Author	Original Content on Stackoverflow
Question	feklee	View Question on Stackoverflow
Solution 1 - Google Chrome	feklee	View Answer on Stackoverflow
Solution 2 - Google Chrome	Tiberiu Petcu	View Answer on Stackoverflow

Chrome: Source of Post Data?

Google Chrome Problem Overview

Google Chrome Solutions

Solution 1 - Google Chrome

Chrome 29–56, and possibly beyond

Older versions

Solution 2 - Google Chrome

Difference between push and urgent flags in TCP

Replicating Bootstraps main nav and subnav

Attributions