If your tools are docked, you can undock it to see a bit more.

Another method:

1. Go to the Elements tab.
2. Right-click on any **visible** element (i.e. not hidden, `display:none`, etc.).
3. Choose the &quot;Scroll Into View&quot; context menu entry.
4. Chrome will scroll the page if necessary to get the element in the visible portion of the window.

Taken from [here](http://www.lukerodgers.ca/2012/10/scrolling-while-paused-in-chrome-debugger/).

An easy workaround for the scrolling lock-up is to just jump to the console, and:

`window.scrollTo(0, 800)`. (Replace 800 as needed)

To enable scroll, enter, in console:
document.body.style.overflow = &#39;auto&#39;

I couldn&#39;t find something that will help me to solve this simple issue
in Angular. All the answers are relevant for navigation bars when a comparison
is being made against location path.

I&#39;ve built a dynamic table using list and `ngRepeat`. When I click a row I&#39;m trying to assign this row a css class, selected, to highlight the fact that this row has been selected by user, and remove the `.selected` from previously highlighted row.

I&#39;m missing the method to bind between the row that been selected and the css class assignment. 

I applied on each `row` (`ul`) `ng-click=&quot;setSelected()&quot;`
But I&#39;m missing the logic inside the `function` to apply the changes.

[My Code - Plunk][1]

**My code:**

    var webApp = angular.module(&#39;webApp&#39;, []);
    
    //controllers
    webApp.controller (&#39;VotesCtrl&#39;, function ($scope, Votes) {
        $scope.votes  = Votes;
        $scope.statuses = [&quot;Approved&quot;,&quot;Pending&quot;,&quot;Trash&quot;,&quot;Spam&quot;];
        
        $scope.setSelected = function() {
           console.log(&quot;show&quot;);
           
        }
    });
    
    //services
    webApp.factory(&#39;Votes&#39;, [function() {
    
        //temporary repository till integration with DB this will be translated into restful get query
        var votes = [
            {
                id: &#39;1&#39;,
                created: 1381583344653,
                updated: &#39;222212&#39;,
                ratingID: &#39;3&#39;,
                rate: 5,
                ip: &#39;198.168.0.0&#39;,
                status: &#39;Pending&#39;,
            },
            {
                id: &#39;111&#39;,
                created: 1381583344653,
                updated: &#39;222212&#39;,
                ratingID: &#39;4&#39;,
                rate: 5,
                ip: &#39;198.168.0.1&#39;,
                status: &#39;Spam&#39;    
              
            },
            {
                id: &#39;2&#39;,
                created: 1382387322693,
                updated: &#39;222212&#39;,
                ratingID: &#39;3&#39;,
                rate: 1,
                ip: &#39;198.168.0.2&#39;,
                status: &#39;Approved&#39;
    
            },
            {
    
                id: &#39;4&#39;,
                created: 1382387322693,
                updated: &#39;222212&#39;,
                ratingID: &#39;3&#39;,
                rate: 1,
                ip: &#39;198.168.0.3&#39;,
                status: &#39;Spam&#39;
            }
        ];
        
        return votes;
    }]);

**My HTML:**

      &lt;body ng-controller=&#39;VotesCtrl&#39;&gt;
        &lt;div&gt;
        &lt;ul&gt;
            &lt;li class=&quot;created&quot;&gt;
                &lt;a&gt;CREATED&lt;/a&gt;
            &lt;/li&gt;
            &lt;li class=&quot;ip&quot;&gt;
                &lt;b&gt;IP ADDRESS&lt;/b&gt;
            &lt;/li&gt;
            &lt;li class=&quot;status&quot;&gt;
                &lt;b&gt;STATUS&lt;/b&gt;
            &lt;/li&gt;
        &lt;/ul&gt;
        &lt;ul ng-repeat=&quot;vote in votes&quot; ng-click=&quot;setSelected()&quot;&gt;
            &lt;li  class=&quot;created&quot;&gt;
              {{vote.created|date}}
            &lt;/li&gt;
            &lt;li class=&quot;ip&quot;&gt;
                {{vote.ip}}
            &lt;/li&gt;
            &lt;li class=&quot;status&quot;&gt;
                {{vote.status}}
            &lt;/li&gt;
        &lt;/ul&gt;
       &lt;/div&gt;
       &lt;/body&gt;

My CSS (Only selected class):

    .selected {
      background-color: red;
    }
 

  [1]: http://plnkr.co/edit/gIeHOFdiDMoJcvBhxcCD?p=preview

How to highlight a selected row in ngRepeat?

In my Visual Studio 2013 RC project, I&#39;m getting this err msg:

&gt; &quot;*The type &#39;System.Net.Http.Formatting.MediaTypeFormatter&#39; is defined
&gt; in an assembly that is not referenced. You must add a reference to
&gt; assembly &#39;System.Net.Http.Formatting, Version=4.0.0.0,
&gt; Culture=neutral, PublicKeyToken=31bf3856ad364e35&#39;*&quot;

...on the `&quot;var response = &quot;` line of code in a Controller:

    public HttpResponseMessage PostDelivery(Delivery delivery)
    {
        delivery = repository.Add(delivery);
        var response = Request.CreateResponse&lt;Delivery&gt;(HttpStatusCode.Created, delivery);

        string uri = Url.Link(&quot;DefaultApi&quot;, new { id = delivery.Id });
        response.Headers.Location = new Uri(uri);
        return response;
    }

Searching my hard drive for the required assembly (&quot;System.Net.Http.Formatting&quot;), it shows me several locations where it exists, but they are all within existing projects, as is seen here:

![enter image description here][1]

Surely there is another location from which System.Net.Http.Formatting.dll can be referenced! But where?

UPDATE
------

Trying to follow the clue here: http://www.nuget.org/packages/System.Net.Http.Formatting

IOW, by selecting Tools &gt; Library Package Manager &gt; Package Manager Console, and entering: 

    Install-Package System.Net.Http.Formatting -Version 4.0.20710

...I see the red bulls of Pamplona (not the beverage) descending wild-eyed upon me:

![enter image description here][2]

UPDATE 2
--------

I added the System.Net.Http.Formatting.dll from here:

    C:\Users\clay\My Documents\Visual Studio 2013\Projects\MvcApplication1\MvcApplication1\bin

...and it now compiles and runs and works as expected, but that is obviously &quot;not the preferred method&quot;

  [1]: http://i.stack.imgur.com/UJlOi.png
  [2]: http://i.stack.imgur.com/P45oN.png


From where do I reference a missing assembly (System.Net.Http.Formatting)?

Is there any way to scroll down on the page while Chrome is paused in debugger mode without unpausing?

Scrolling down in Chrome dev tools when paused in debugger

<p>Is there any way to scroll down on the page while Chrome is paused in debugger mode without unpausing?</p>


How do I undock the Chrome Developer Tools in Chrome?
Pressing the left bottom corner just moves it to the right side.

[![Chrome Corner][1]][1]  
&lt;sub&gt;(source: [github.io](http://jeremistadler.github.io/corner.png))&lt;/sub&gt;  

 [1]: https://i.stack.imgur.com/GQGBR.png

Undock Chrome Developer Tools

In Google Chrome&#39;s Developer Tools&#39; Sources tabs there is a left side panel which has three tabs with the first one being Sources. Is there a way to download a folder with multiple files and nested folders from this interface? You can right click individual files and &#39;Save as...&#39; but this is cumbersome.

How do you save an entire folder from Google Chrome&#39;s Developer Tools&#39; Sources tab?

I have tired many things but i can&#39;t get it even though my computer has it.

How can I access this wont files? They have the .woff extension. Double clicking them in chrome  inspector just takes to some url. Which doesn&#39;t work. 

Nor this font is installed on my computer. 

This is in fact first time in my life I have come across woff format and the concept web open format. I want to download the font website is using. I know I can download the images why not wont.

![enter image description here][1]


  [1]: http://i.stack.imgur.com/vAoAf.jpg

How do I download/extract font from chrome developers tools?

When I have DevTools open, there is a little button that toggles `Hide Drawer.` and `Show Console.`. Besides being inconsistently named, the &#39;drawer&#39; is very annoying to me because it takes up so much of the little screen real estate allotted for devtools (i&#39;m bottom docked). How can I keep this &#39;drawer&#39; closed permanently? Or if I can&#39;t do that, can I at least keep the height of it as low as possible? (it returns to a default height every time I open it)

How can I keep the &quot;Console Drawer&quot; hidden by default every time I open Chrome DevTools?

to using commands that were previously submitted by bringing focus to the console and pressing up/down key on it. I want to remove all of the recent command. I&#39;ve tried this command :

    console.clear(); 

but it&#39;s still not working properly. I even clean the whole cookies and cache in the browser. but these commands still there on the console. does anyone know how?

Content Type	Original Author	Original Content on Stackoverflow
Question	lk135	View Question on Stackoverflow
Solution 1 - Google Chrome-Devtools	Rob W	View Answer on Stackoverflow
Solution 2 - Google Chrome-Devtools	Anton	View Answer on Stackoverflow
Solution 3 - Google Chrome-Devtools	Roberto Santos	View Answer on Stackoverflow

Scrolling down in Chrome dev tools when paused in debugger

Google Chrome-Devtools Problem Overview

Google Chrome-Devtools Solutions

Solution 1 - Google Chrome-Devtools

Solution 2 - Google Chrome-Devtools

Solution 3 - Google Chrome-Devtools

From where do I reference a missing assembly (System.Net.Http.Formatting)?

How to highlight a selected row in ngRepeat?

Attributions