![]() For me, that’s usually just -selector 'body', since every figure I create is a single page, and there’s nothing in the body except what I want to include in the figure. The only, and quite understandable, limitation is that the selector you supply must match a single element. The first is -selector, which lets you supply a CSS selector to an element - at which point, Firefox will capture just that element and its descendants. That saved exactly what you see to fb-trend.png. I captured this using screenshot fb-trend -selector '#u_0_l'. Now, for the purposes of CSS:TDG4e’s figures, there are two screenshot options that I cannot live without. #Simple screenshot autosaves code#Which makes some sense, I admit, but part of me wishes someone had gone to the effort of adding code to redraw the chrome all the way around a -fullpage capture if you asked for it. Firefox will just ignore the -fullpage option if you invoke -chrome, and give you the visible portion of the page surrounded by your browser chrome, including all your addon icons and unread tabs. If you want the browser -chrome to show around your screenshot, though, you can’t capture the -fullpage. Any time you see me do a long scroll of a web page in a talk, like I did right at the ten-minute mark of my talk at Fluent 2015, it was thanks to -fullpage. In many cases, that’s all you want or need, but for the times you want it all, -fullpage is there for you. See, by default, when you use screenshot, it only shows you the portion of the page visible in the browser window. That option captures absolutely everything on the page, even the parts you can’t see in the browser window. The option I use a lot, particularly when grabbing images of web sites for my talks, is -fullpage. Done!Įxcept, don’t do that yet, because what really makes screenshot great is its options in my case, they’re what elevate screenshot from useful to essential, and what set it apart from any screen-capture addon I’ve ever seen. If you hit (or equivalent) at this point, it’ll save the screenshot to your Downloads folder (or equivalent). For example, mine does something like Screen Shot at 10.05.51.png by default. Then type a filename for your screenshot, if you want to define it, either with or without the file extension otherwise you’ll get whatever naming convention your computer uses for screen captures. ![]() (I know, two command lines - who thought that was a good idea? Moving on.) Once you’re in the Developer Toolbar, you can type s and then hit Tab to autocomplete screenshot. To get access to screenshot, you first have to hit ⇧F2 for the Developer Toolbar, not ⌥⌘K for the Web Console. It’s Firefox’s command-line screenshot utility. Read about the changes in my post Firefox’s :screenshot Command.Įveryone has their own idiosyncratic collection of tools they can’t work without, and I’ve recently been using one of mine as I produce figures for CSS: The Definitve Guide, Fourth Edition (CSS:TDG4e). Thus, portions of this article have become incorrect as of August 2018. The Graphical Command Line Interpreter (GCLI) has been removed from Firefox, but screenshot has been revived as :screenshot in the Web Console ( ⌥⌘K), with most of the same options discussed below. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |