Chrome - using the developer tools page screenshot

1. Outline
   1. Developer tools for page screenshot
2. background
   1. Screenshot often need
   2. These modes are commonly used screenshot
      1. Window Screenshot
      2. Screenshot region
      3. gif
   3. problem
      1. How to cut a long view of Chrome
         1. firefox seems to have plug-ins

1. Solution: Use the built-in Chrome Developer Tools

1. Outline
   1. Developer Tools screenshot
2. ready
   1. chrome browser
      1. The latest version of the band are
3. step
   1. Developer Tools
   2. Elements label
      1. In fact, what page are
      2. But with page elements, because behind the need
   3. ctrl + shift + p
   4. Input capture
      1. Enter finished, there will be a number of options to choose from
4. Options
   1. capture area screenshot
      1. Outline
         1. The region cropping
      2. operating
         1. Select Options
         2. Select the area in the browser
         3. Storage
   2. capture full size screenshot
      1. Outline
         1. Full page interception
            1. Interception of the contents of the browser loaded
      2. operating
         1. Select Options
         2. Storage
   3. capture node screenshot
      1. Outline
         1. Interception element
      2. operating
         1. Select Options
         2. Selecting nodes in the elements required label
         3. Storage
   4. capture screenshot
      1. Outline
         1. Screen Capture
      2. operating
         1. Select Options
         2. Storage

ps

1. ref
   1. Methods Chrome Developer Tools functions of full-page screenshot of the page
2. gif screenshot tool
   1. licecap
      1. LICEcap
3. chrome developer tools, is a wonderful thing
   1. If you're free, then learn more about