xScope is powerful set of tools that are ideal for measuring, inspecting, and testing on-screen graphics and layouts. Its tools float above your desktop windows and can be accessed via a toolbar, menubar, and/or hot keys.
Mirror
- Remote Viewing - Easily view Photoshop, files or windows on your iOS or AirPlay device
- Templates - Automatically shows icon or wallpaper mockup on iOS
- Chromeless UI - No overlaid chrome to get in the way while you work
- Security - Toggle user authentication requests on/off via Preferences
- Download the xScope Mirror App for iOS at http://xscopeapp.com/ios
Text
- Powerful Search - For name or tag in any of the 100,000+ Unicode characters
- Decipher Text - Deciphers text entities, encodings, constants, and more!
- Convert Format - Output text as a string, entities, URL encoding, and more!
- Measure Glyphs - Shows line, character or web layout: including font metrics and CSS
- Character Palette - A handy place to collect commonly used Unicode characters
Dimensions
- Find the dimensions of anything on screen instantly
- Find distance between objects quickly and easily
- Create screen shots of any measured element
Rulers
- Powerful on-screen rulers for pixel measurements
- Two rulers with synchronization for easy on-screen comparison
- Hold down control to snap to edges of onscreen content
- Fully adjustable horizontal and vertical lengths
- Full 360 degree rotation range
- Displays deltas for rotated rulers
Overlay
- Enhances Your Web Browser - Attaches to window to make development easier
- Alignment Marks - Check positioning and distances in px/em/pt and percentages
- Mockup Image - A transparent design comp over your HTML and CSS code
- Grids with Breakpoints - Grid systems that stay in sync with your media queries
- Cycle Breakpoints - Quickly check your design at all sizes used in your CSS
- Full-page Screenshot - Get a picture of your whole web page
- Works with iOS Simulator - Great for testing in Safari or developing native apps
Screens
- Easily see the usable real estate for any screen size
- Organized by platform including iOS, Android, Mac, Windows and TV
- Pre-defined screen templates or create your own
- Displays title and game safe areas for 4:3 and 16:9 aspect ratio TVs.
- Simulate user vision problems including color blindness and presbyopia (old age)
- De-retinizer to simulate normal display when using Retina display
- Define custom area settings for any OS or browser
Loupe
- Magnify any portion of the screen under your mouse
- Displays color under your cursor in RGB, HSB, HEX, CSS3 rgb() and HTML
- Quick measurement of magnified image using Dimensions
- Reference color format: work with a hex color while viewing RGB format
- Collect a running list of color swatches with Shift-Cmd-C
- Save out or import .ACO color swatch files for easy reference
- Simulate user vision problems including color blindness and presbyopia (old age)
- Displays co-ordinates of mouse cursor for reference
- The content of the window or the mouse position can be locked
Guides
- Vertical and horizontal guides that float on top of all else on the screen
- Displays guide position in pixels when placed
- Displays distance between guides in pixels
- Save and load guide positions for later reference
- Supports multiple monitors
Frames
- Adjustable marker boxes float on top of the screen
- Hold down control to snap to edges of onscreen content
- Cmd-Shift-5 to shrink a selection around on screen content and create a frame
- Display preset grids to help compose frame layouts
- Create, move, duplicate and edit frames at will
- Save and load frame positions for later reference
Crosshair
- Reports the coordinate position of the mouse cursor
- Change origin from the upper-left (design work) to lower-left (development work)
