Ubuntu – How to grab a webpage with an open drop-down menu

gnomescreenshot

I'm trying to show a bug in a website that causes a drop-down box to be populated with too few options. I can show the source, but I'd rather grab the screen with the menu "open", i.e. with the available options showing. I tried two options, both fail:

  • grab screen with keyboard shortcut (shortcut doesn't work when box is open)
  • grab screen with time delay, open the box during the delay (the image grabbed shows the box closed)

Is the second feature, actually a bug?

I was using gnome-screenshot, perhaps something else will work?

BTW, there seems to be another bug with gnome-screenshot: when trying to grab and area with a delay, it ignores the delay and takes the shot immediately….is this a bug…(sorry, two questions in one)

Best Answer

You can use this application called shutter software_center_icon

Alternatively run the following to install the package via a terminal (Default keyboard shortcut: CtrlAltT)

sudo apt-get update && sudo apt-get install shutter

It has options to capture dialog boxes, tooltips and pretty much everything that you will ever encounter or need to take a screenshot of.

To capture a drop-down menu with Shutter, open Shutter after installing it and click on the button pointed by the arrow in the screenshot below:

screen1

After clicking, you'll have a timeout before you which you can select a drop-down, keep the drop-down clicked until the timeout finishes to capture the selected drop-down menu

screen2_eztv

drop-down menu

After capturing, click on Export button to either save the file to your desktop or host it on an image hosting service or FTP it or even push it to your Ubuntu One account.

You could also set a timeout and click the Window button and choose your browser from the dropdown. Before the timeout reaches 0, select the drop-down in the site to take a screenshot of the drop-down menu along with the website open.

screen_and_dropdown