Skip to main content
  • Create account
  • Log in
Eclipse Plugins, Bundles and Products - Eclipse Marketplace
  • My Marketplace
  • Add Content
  • More

      • Community

      • Marketplace
      • Events
      • Planet Eclipse
      • Newsletter
      • Videos
      • Blogs

      • Participate

      • Report a Bug
      • Forums
      • Mailing Lists
      • Wiki
      • IRC
      • Research

      • Eclipse IDE

      • Download
      • Learn More
      • Documentation
      • Getting Started / Support
      • How to Contribute
      • IDE and Tools
      • Newcomer Forum
  1. Home
  2. Marketplace
  3. Tools (1564)
  4. Eclipse 4 Tools: CSS Spy

Eclipse 4 Tools: CSS Spy

Eclipse 4 Tools: CSS Spy
28
2
Install

Drag to Install!

Drag to your running Eclipse* workspace.
*Requires Eclipse Marketplace Client

Add this URL to your Eclipse Installation to reach this solution's update site.

Luna (4.4)

http://download.eclipse.org/e4/updates/0.16

Kepler (4.3)

http://download.eclipse.org/e4/updates/0.14

Juno (4.2, 3.8)

http://download.eclipse.org/e4/updates/0.13
Learn more...

Details Group Tabs

Details

The Eclipse 4 Application Platform now uses CSS for theming Eclipse-based applications. But debugging CSS can be painful. The Eclipse 4 team have created two tools to help: the CSS Spy and Scratchpad.

Note: with 0.13, the keyboard shortcuts for the CSS Spy and Scratchpad have changed to avoid conflicts on Windows and Linux. If you are upgrading the Spy or Scratchpad in an existing installation, the original keybindings will be left unchanged.

The CSS Spy (invoked using Shift-Alt-F5) allows examining the widget tree for the active shell. The Spy shows the widget tree for the current window, with the initial selection is set to the control under the cursor. For each widget, the spy shows the CSS class and CSS ids for the different widgets, the current CSS properties for that element, the computed properties that were actually applied to the element, and other useful information for CSS use. The property table is editable, so you can also change the CSS property for an element and see the effect immediately.

The CSS Scratchpad (invoked using Shift-Alt-F6) provides for iteratively refining CSS rules. Clicking on the "Apply" button causes the CSS to be "compiled" and applied to the active application.

The spy tools are from the Eclipse Platform incubator project (called "e4").

Note: 0.16 is only compatible with Eclipse Platform 4.4 (Luna). Previous versions can be installed from earlier Eclipse e4 update sites:

  • e4 0.14 for Eclipse Platform 4.3 (Kepler): http://download.eclipse.org/e4/updates/0.14
  • e4 0.13 for Eclipse Platform 4.2 (Juno): http://download.eclipse.org/e4/updates/0.13
  • e4 0.12 for Eclipse Platform 4.1 (Indigo): http://download.eclipse.org/e4/updates/0.12
Categories:
  • Application Development Frameworks,
  • IDE,
  • Rich Client Applications,
  • UI
Tags:
  • CSS,
  • themes,
  • e4,
  • styling,
  • eclipse4
Additional Details
Eclipse Versions: 
Luna (4.4), Kepler (4.3), Juno (4.2, 3.8)
Platform Support: 
Windows, Mac, Linux/GTK
Organization Name: 
The Eclipse Foundation
Date Created: 
Wed, 2012-06-27 11:11
Development Status: 
Beta
License: 
EPL
Date Updated: 
Mon, 2016-12-05 13:17
Submitted by: 
Brian de Alwis
Screenshots
Metrics
DateRankingInstallsClickthroughs
April 2019642/8867 (0%)9
March 2019741/9206 (0%)21
February 2019719/9246 (0%)20
January 2019682/93011 (0%)27
December 2018682/9459 (0%)22
November 2018751/9397 (0%)16
October 2018824/9434 (0%)14
September 2018725/9418 (0%)15
August 2018637/93916 (0%)9
July 2018710/94010 (0%)16
June 2018692/94711 (0%)17
May 2018624/95418 (0%)13
View Data for all Listings
Errors

Unsuccessful Installs in the last 7 Days: 9

CountError Message
4Cannot complete the install because one or more required items could not be found....
2Cannot complete the install because one or more required items could not be found....
2Cannot complete the install because one or more required items could not be found....
1Cannot complete the install because one or more required items could not be found....
Download last 500 errors (CSV)
External Install Button

Marketplace Drag to Install button

By adding the following code below to your website you will be able to add an install button for Eclipse 4 Tools: CSS Spy.

HTML Code:


Markdown Syntax:



Output: Drag to your running Eclipse* workspace. *Requires Eclipse Marketplace Client
Wednesday, April 17, 2019 - 16:01

Reviews Sign in to post reviews

jhohwiller's picture

Any chance to get this for recent eclipse (4.8)?

Submitted by Jörg Hohwiller on Fri, 2019-01-25 12:38

Is this plugin still maintained? It does not install in a recent Eclipse 4.8. It tried via marketplace, updatesite, etc. without luck.

Any idea or any alternative? I want to increase the enitre font-size of my eclipse (not only text editor). On my large-screen Eclipse is impossible to use without eagle-eyes that I fail to have.

BTW: Would be lovely if Eclipse would support such obvious things out of the box. Check google or stackoverflow to see that many users have issues with that.

lufimtsev's picture

Blank view when I open this?

Submitted by Leo Ufimtsev on Wed, 2015-01-21 15:35

This is the first time I'm trying out this tool.

When I open it with Alt+Shift+F5, the window and the two tabs (CSS/Scratchpad) appear, but the content of the tabs is empty.

Linux Fedora 21 w/ Gtk2.

Markets

  • Eclipse Project (28)
  • Tools (1564)
    • Application Development Frameworks (187)
    • Application Management (37)
    • Application Server (42)
    • BIRT (10)
    • Build and Deploy (126)
    • Business Intelligence, Reporting and Charting (25)
    • Code Management (153)
    • Collaboration (47)
    • Database (55)
    • Database Development (41)
    • Database Persistence (23)
    • Documentation (83)
    • Eclipse Kura (78)
    • Eclipse SmartHome (61)
    • EclipseRT Target Platform Components (8)
    • Editor (382)
    • Entertainment (18)
    • General Purpose Tools (134)
    • Graphics (40)
    • IDE (398)
    • Internet of Things (IoT) (32)
    • J2EE Development Platform (59)
    • J2ME (6)
    • Languages (179)
    • Linux Tools (20)
    • Logging (25)
    • Mobile and Device Development (57)
    • Modeling (111)
    • Modeling Tools (185)
    • Mylyn Connectors (24)
    • Network (18)
    • Other (84)
    • Process (22)
    • Profiling (24)
    • Programming Languages (123)
    • Reporting (40)
    • Rich Client Applications (58)
    • Science (5)
    • SCM (24)
    • Search (45)
    • SOA Development (22)
    • Source Code Analyzer (118)
    • Systems Development (64)
    • Team Development (66)
    • Testing (113)
    • Tools (686)
    • UI (104)
    • UML (46)
    • Web (121)
    • Web Services (40)
    • Web, XML, Java EE and OSGi Enterprise Development (44)
    • XML (35)
  • IoT (142)
    • Eclipse Kura (78)
    • Eclipse SmartHome (61)
  • RCP Applications (95)
  • Training & Consulting (58)
  • Long Term Support (11)

Search

Advanced Search

More like this

  • Eclipse 4 Tools: Lightweight CSS Editor
  • Eclipse 4 Tools: Application Model Editor
  • Eclipse 4 Tools: Context Spy
  • Eclipse 4 Tools: Event Spy
  • PEP Tools: PDE/Eclipse Productivity

Favorited by

Now Available

Eclipse IDE 2019-03

Get the latest version of the Eclipse IDE.

  • Download
  • Learn More

Eclipse Foundation

  • About Us
  • Contact Us
  • Donate
  • Governance
  • Logo and Artwork
  • Board of Directors

Legal

  • Publishing Guidelines
  • Privacy Policy
  • Terms of Use
  • Copyright Agent
  • Eclipse Public License
  • Legal Resources

Useful Links

  • Welcome to Marketplace
  • Report a Bug
  • Documentation
  • How to Contribute
  • Mailing Lists
  • Forums
  • Marketplace

Other

  • IDE and Tools
  • Community of Projects
  • Working Groups
  • Research@Eclipse
  • Report a Vulnerability
  • Service Status

Copyright © Eclipse Foundation, Inc. All Rights Reserved.

Back to the top